English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 매뉴얼

HTML 태그大全

HTML: <meta> 태그

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 속성 값.

HTML 4.01 와 HTML5의 차이

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과 XHTML의 차이

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 새 속성

속성설명
charsetHTML5character_set문서의 문자编码을 정의합니다.
contenttexthttp와 관련된-equiv 또는 name 속성과 관련된 메타 정보를 정의합니다.
http-equivcontent-type
 default-style
 refresh
content 속성을 HTTP 헤더에 연결합니다.
nameapplication-name
 author
 description
 generator
 
keywords
content 속성을 이름에 연결합니다.
schemeformat/URIHTML5지원하지 않습니다. content 속성 값의 형식을 정의합니다.

이벤트 속성

<meta> 태그는 모든 이벤트 속성을 지원합니다 HTML 이벤트 속성

관련 기사

HTML 강의:HTML 헤더