반응형
<meta> tag란?
- 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그
- 페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 수많은 정보 제공
- 닫는 태그가 없음
- 태그의 속성을 통해 정보 제공
요소의 종류
| 요소 | 뜻 |
|---|---|
| charset | 페이지의 문자 인코딩을 선언 utf-8 권장 |
| content | http-equiv 또는 name 특성 중 사용하는 것의 값을 담음 |
| name | 문서 레벨 메타데이터의 이름을 정의 itemprop, http-equiv, charset 특성 중 하나라도 설정한 경우 사용해선 안됩니다. |
예제
1) 검색 엔진을 위한 키워드(keyword)를 정의하는 예제
<meta name="keyword" content="HTML, meta, tag, element, reference">2) 웹 페이지에 대한 설명(description)을 정의하는 예제
<meta name="description" content="HTML meta tag page">3) 문서의 저자(author)를 정의하는 예제
<meta name="author" content="TCPSchool">4) 5초 뒤에 다른 페이지로 리다이렉트(redirect)시키는 예제
<meta http-equiv="refresh" content="5;url=http://www.tcpschool.com">5) 모든 장치에서 웹 사이트가 잘 보이도록 뷰포트(viewport)를 설정하는 예제
<meta name="viewport" content="width=device-width, initial-scale=1.0">참고
반응형