Latest web development tutorials

HTML <meta> 標籤

實例

描述HTML 文檔的元數據:

<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Stale Refsnes">
<meta charset="UTF-8">
</head>

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持<meta> 標籤。


標籤定義及使用說明

元數據(Metadata)是數據的數據信息。

<meta> 標籤提供了HTML 文檔的元數據。 元數據不會顯示在客戶端,當時會被瀏覽器解析。

META元素通常用於指定網頁的描述,關鍵詞,的文件的最後修改,作者,和其他元數據。

元數據可以被使用瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他Web 服務調用。


提示和註釋

注意: <meta>標籤通常位於<head>區域內。

注意:元數據通常以名稱/值對出現。

注意:如果沒有提供name屬性,那麼名稱/值對中的名稱會採用http-equiv屬性的值。


HTML 4.01 與HTML5之間的差異

HTML5 不支持scheme 屬性。

在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 -定義web頁面描述:

<meta name="description" content="Free Web tutorials on HTML and CSS">

實例3 -定義頁面作者:

<meta name="author" content="Hege Refsnes">

實例4 -每30秒刷新頁面:

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


屬性

New :HTML5新屬性。

属性 描述
charset New 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 属性值的格式。


事件屬性

<p>標籤支持所有HTML事件屬性


相關文章

HTML教程: HTML頭部