<메타>


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>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요


브라우저 지원

1000.png

모든 주요 브라우저 <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 - 검색 엔진용 문서 키워드 정의:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

예 2 - 웹 페이지 설명 정의:

<meta name="description" content="HTML 및 CSS에 대한 무료 웹 튜토리얼">

예 3 - 페이지 작성자 정의:

< ;메타 이름 ="author" content="Hege Refsnes">

예 4 - 30초마다 페이지 새로 고침:

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


Attributes

New: HTML5의 새로운 속성.

속성 설명
charsetNewcharacter_set은 문서의 문자 인코딩을 정의합니다.
contenttext http-equiv 또는 name 속성과 관련된 메타 정보를 정의합니다.
http-equiv콘텐츠 유형
기본 스타일
Refresh
는 콘텐츠 속성을 HTTP 헤더에 연결합니다.
nameapplication-name
작성자
설명
Generator
keywords
는 콘텐츠 속성을 이름에 연결합니다.
schemeformat/URI HTML5는 지원되지 않습니다. 콘텐츠 속성 값을 번역하는 데 사용되는 형식을 정의합니다.


이벤트 속성

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


관련 기사

HTML 튜토리얼: HTML 헤더