English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <meta> 태그는 브라우저와 검색 엔진이 사용하는 정보나 메타데이터로, 웹 페이지에 직접 보이지 않습니다. 이 태그는 일반적으로 <meta> 요소라고도 합니다.
HTML 문서의 메타데이터를 설명합니다:
!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="The HTML meta tag is an element that resides within the HTML head tag."> <meta name="keywords" content="html, meta, tag, element"> <meta name="author" content="ko.oldtoolbag.com"> <title>기본 지침 웹(oldtoolbag.com)</title> </head> <body> </body> </html>테스트를 보세요 ‹/›
이 HTML5문서 예제에서는5개 meta 태그가 사용됩니다. 첫 번째 meta 태그(charset)는 HTML 문서의 문자编码을 정의합니다. 반응형 웹사이트를 설계할 때, 두 번째 meta 태그(viewport)。세 번째 meta 태그(description)는 검색 엔진의 웹 페이지에 설명을 제공합니다. 네 번째 메타 표시(키워드)검색 엔진에 키워드 제공. 최종 meta 태그(author)는 웹 페이지의 작성자를 정의합니다.
IEFirefoxOperaChromeSafari
모든 주요 브라우저가 <meta> 태그를 지원합니다.
메타데이터(Metadata)는 데이터의 데이터 정보입니다.
<meta> 태그는 HTML 문서의 메타데이터를 제공합니다. 메타데이터는 클라이언트에 표시되지 않지만 브라우저에 의해 해석됩니다.
META 요소는 웹 페이지의 설명, 키워드, 파일의 마지막 수정 시간, 작성자 및 다른 메타데이터를 지정하는 데 사용됩니다.
메타데이터는 브라우저(내용 표시 방법 또는 페이지 다시 로드), 검색 엔진(키워드), 또는 다른 웹 서비스 호출에 사용될 수 있습니다.
주의:<meta> 태그는 일반적으로 <head>에 위치합니다. 영역 내에 있습니다.
주의: 메타데이터는 일반적으로 이름/값 쌍이 나타납니다.
주의: name 속성이 제공되지 않았을 경우, 명칭/명칭은 http-equiv 속성 값.
HTML5 scheme 속성을 지원하지 않습니다.
HTML에서5 에서, charset 속성이 새로 추가되어 문자집합 정의가 더 쉬워졌습니다:
HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5: <meta charset="UTF-8">
HTML에서는 <meta> 태그가 종료 태그가 없습니다.
XHTML에서 <meta> 태그는 종료 태그를 포함해야 합니다.
예제 1 - 문서 키워드 정의, 검색 엔진에 사용:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
예제 2 - 웹 페이지 설명 정의:
<meta name="description" content="Free Web tutorials on HTML and CSS">
예제 3 - 정의 페이지 작성자:
<meta name="author" content="nhoo.com">
예제 4 - 매30초 갱신 페이지:
<meta http-equiv="refresh" content="30">
New :HTML5 새 속성
속성 | 값 | 설명 |
---|---|---|
charsetHTML5 | character_set | 문서의 문자编码을 정의합니다. |
content | text | http와 관련된-equiv 또는 name 속성과 관련된 메타 정보를 정의합니다. |
http-equiv | content-type default-style refresh | content 속성을 HTTP 헤더에 연결합니다. |
name | application-name author description generator keywords | content 속성을 이름에 연결합니다. |
scheme | format/URI | HTML5지원하지 않습니다. content 속성 값의 형식을 정의합니다. |
<meta> 태그는 모든 이벤트 속성을 지원합니다 HTML 이벤트 속성。
HTML 강의:HTML 헤더