meta

meta

meta

meat 태그는 HTML 문서에 대한 메타데이터를 정의한다.
메타데이터란 데이터에 대한 데이터, 즉 '정보'를 의미한다.
meta 태그는 항상 head 태그 안에 들어가며, 일반적으로 문제 세트, 페이지 설명, 키워드, 문서의 작성자 및 뷰포트 설정을 지정하는 데 사용된다.

meta 태그를 사용하는 이유

웹페이지에 대한 정보를 제공하므로 검색엔진이 페이지를 검색할 때 참고할 수 있고, 검색 결과에도 반영할 수 있다.

meat 태그가 제공하는 메타데이터의 유형 & 속성

charset : 문자 세트
http-equiv : 콘텐츠 속성 정보에 대한 http 헤더
name : 문서 정보
content : 메타데이터 내용

charset

문자 인코딩에 대한 요약 정보를 기입하는 속성이다. 문자 인코딩이란 한글을 표시하기 위해 문자 세트를 지정하는 작업으로, 영문과 한글을 모두 사용하기 위해 utf-8을 사용하는 것이 좋다.

<meta charset = "utf-8">

http-equiv

콘텐츠 속성의 정보/값에 대한 HTTP 헤더를 제공한다.
HTTP란 인터넷에서 데이터를 주고 받을 수 있는 프로토콜이다.

<!-- IE 브라우저의 최신 버전의 엔진을 사용하라는 뜻 -->
<meat http-equiv = "x-ua-compatible" content = "IE=edge">
<!-- 10초마다 페이지 새로고침 하라는 뜻 -->
<meta http-equiv = "refresh" content = "10">

name

name 속성을 이름으로, content 속성을 값으로 하여 문서 정보를 이름 + 값 쌍의 형태로 제공할 때 사용할 수 있다.

<!-- 문서 제작자 -->
<meta name = "author" content = "보램">
<!-- 페이지에 대한 요약, 브라우저 즐겨찾기 페이지의 기본 설명 값 -->
<meta name = "description" content = "페이지에 대한 짧고 명확한 요약">
<!-- 페이지의 콘텐츠와 관련된, 쉼표로 구분한 키워드 목록 -->
<meta name = "keywords" content = "예를 들면, 강아지, 고양이, 정보, 반려동물, 등등">

학습한 인프런 강의