[HTML] 메타(Meta) 태그

메타(Meta) 태그

 

HTML 문서에 대한 메타데이터를 정의.

메타데이터 : 데이터에 대한 데이터, 즉 '정보'를 의미

항상 head 태그 안에 들어가며, 문자 세트, 페이지 설명, 키워드, 문서 작성자, 뷰포트 등을 지정하는데 사용.
웹페이지에 대한 정보를 제공하여 검색엔진이 페이지를 검색할 때 참고할 수 있고, 검색 결과에 반영할 수 있음.

---

유형 및 속성

charset : 문자 세트

문자 인코딩에 대한 요약 정보 속성. 영문과 한글을 모두 사용하기 위해 utf-8 방식을 사용한다.

<meta charset="UTF-8">

문자 인코딩을 하지 않으면 웹페이지가 자동으로 추정하여 지정하기 때문에 글자가 깨질 수 있다.

 

http-equiv : 콘텐츠 속성 정보/값에 대한 HTTP 헤더 제공

HTTP : 인터넷에서 데이터를 주고 받을 수 있는 프로토콜

 

<meta http-equiv="x-ua-compatible" content="IE=edge">

IE 브라우저의 최신 버전의 엔진을 사용(호환성 관련 설정)

 

<meta http-equiv="refresh" content="10">

10초마다 웹페이지 새로고침

 

name : 문서 정보

문서 정보를 이름 + 값 쌍의 형태로 제공

<!--문서제작자-->
<meta name="author" content="리미감자">
<!--페이지에 대한 요약, 브라우저 즐겨찾기 페이지의 기본 설명 값-->
<meta name="description" content="페이지에 대한 요약">
<!--페이지의 콘텐츠와 관련된 키워드 목록-->
<meta name="keywords" content="야식 메뉴 : 치킨, 피자, 족발, 보쌈">

키워드는 해시태그의 역할을 한다.