<메타>
HTML <meta> 태그
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="Ståle Refsnes"> <meta charset="UTF-8"> </head> <body> <p>所有 meta 标签显示在 head 部分...</p> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
브라우저 지원
모든 주요 브라우저 <meta> 태그를 지원합니다.
태그 정의 및 사용 안내
메타데이터는 데이터 중의 데이터 정보입니다.
<meta> 태그는 HTML 문서에 대한 메타데이터를 제공합니다. 메타데이터는 클라이언트 측에 표시되지 않으며 해당 시점에 브라우저에 의해 구문 분석됩니다.
META 요소는 일반적으로 웹 페이지 설명, 키워드, 파일의 마지막 수정 사항, 작성자 및 기타 메타데이터를 지정하는 데 사용됩니다.
메타데이터는 브라우저(콘텐츠가 표시되거나 페이지가 다시 로드되는 방식), 검색 엔진(키워드) 또는 기타 웹 서비스를 사용하여 호출할 수 있습니다.
팁 및 메모
참고: <meta> 태그는 일반적으로 <head> 지역 내.
참고: 메타데이터는 일반적으로 이름/값 쌍으로 나타납니다.
참고: name 속성이 제공되지 않으면 이름/값 쌍의 이름은 http-equiv 속성 값을 사용합니다.
HTML 4.01과 HTML5의 차이점
HTML5는 스킴 속성을 지원하지 않습니다.
HTML5에는 문자 집합 정의를 더 쉽게 해주는 새로운 charset 속성이 있습니다.
- HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- HTML5: <meta charset="UTF-8">
HTML과 XHTML의 차이점
HTML에서 <meta> 태그에는 닫는 태그가 없습니다.
XHTML에서는 <meta> 태그에 닫는 태그가 포함되어야 합니다.
예
예 1 - 검색 엔진용 문서 키워드 정의:
예 2 - 웹 페이지 설명 정의:
예 3 - 페이지 작성자 정의:
예 4 - 30초마다 페이지 새로 고침:
Attributes
New: HTML5의 새로운 속성.
속성 | 값 | 설명 |
---|---|---|
charsetNew | character_set | 은 문서의 문자 인코딩을 정의합니다. |
content | text | http-equiv 또는 name 속성과 관련된 메타 정보를 정의합니다. |
http-equiv | 콘텐츠 유형 기본 스타일 Refresh | 는 콘텐츠 속성을 HTTP 헤더에 연결합니다. |
name | application-name 작성자 설명 Generator keywords | 는 콘텐츠 속성을 이름에 연결합니다. |
scheme | format/URI | HTML5는 지원되지 않습니다. 콘텐츠 속성 값을 번역하는 데 사용되는 형식을 정의합니다. |
이벤트 속성
<p> 태그는 모든 HTML 이벤트 속성을 지원합니다.
관련 기사
HTML 튜토리얼: HTML 헤더