HTML <meta> 標籤

瀏覽器支援

IE Firefox Chrome Safari Opera

所有瀏覽器都支援 <meta> 標籤。

定義和用法

<meta> 元素可提供有關頁面的元資訊(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。

<meta> 標籤位於文件的頭部,不包含任何內容。<meta> 標籤的屬性定義了與文件相關聯的名稱/值對。

HTML 與 XHTML 之間的差異

在 HTML 中,<meta> 標籤沒有結束標籤。

在 XHTML 中,<meta> 標籤必須被正確地關閉。

提示和註釋:

註釋:<meta> 標籤永遠位於 head 元素內部。

註釋:後設資料總是以名稱/值的形式被成對傳遞的。

必需的屬性

屬性 描述
content some_text 定義與 http-equiv 或 name 屬性相關的元資訊

可選的屬性

屬性 描述
http-equiv
  • content-type
  • expires
  • refresh
  • set-cookie
把 content 屬性關聯到 HTTP 頭部。
name
  • author
  • description
  • keywords
  • generator
  • revised
  • others
把 content 屬性關聯到一個名稱。
scheme some_text 定義用於翻譯 content 屬性值的格式。

name 屬性

name 屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標籤都沒有指定任何預先定義的 <meta> 名稱。通常情況下,您可以自由使用對自己和源文件的讀者來說富有意義的名稱。

"keywords" 是一個經常被用到的名稱。它為文件定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時,會用這些關鍵字對文件進行分類。

類似這樣的 meta 標籤可能對於進入搜索引擎的索引有幫助:

<meta name="keywords" content="HTML,ASP,PHP,SQL">

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

http-equiv 屬性

http-equiv 屬性為名稱/值對提供了名稱。並指示伺服器在發送實際的文件之前先在要傳送給瀏覽器的 MIME 文件頭部包含名稱/值對。

當伺服器向瀏覽器發送文件時,會先發送許多名稱/值對。雖然有些伺服器會發送許多這種名稱/值對,但是所有伺服器都至少要發送一個:content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文件。

使用帶有 http-equiv 屬性的 <meta> 標籤時,伺服器將把名稱/值對新增到發送給瀏覽器的內容頭部。例如,新增:

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

這樣發送到瀏覽器的頭部就應該包含:

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

當然,只有瀏覽器可以接受這些附加的頭部欄位,並能以適當的方式使用它們時,這些欄位才有意義。

content 屬性

content 屬性提供了名稱/值對中的值。該值可以是任何有效的字串。

content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。

scheme 屬性

scheme 屬性用於指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標籤的 profile 屬性指定的概況檔案中進行了定義。

全域性屬性

<meta> 標籤支援 HTML 中的全域性屬性

TIY 實例

文件描述
Meta 元素中的資訊可以描述 HTML 文件。
文件關鍵字
Meta 元素中的資訊可以描述文件的關鍵詞。
重定向
這個例子演示:在網址已經變更的情況下,將會員重定向到另外一個地址。

相關頁面

HTML DOM 參考手冊:Meta 對像