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 屬性關聯到 HTTP 頭部。 |
name |
|
把 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> 標籤時,伺服器將把名稱/值對新增到發送給瀏覽器的內容頭部。例如,新增:
<metahttp-equiv="charset"
content="iso-8859-1"> <metahttp-equiv="expires"
content="31 Dec 2008">
這樣發送到瀏覽器的頭部就應該包含:
content-type: text/html charset:iso-8859-1 expires:31 Dec 2008
當然,只有瀏覽器可以接受這些附加的頭部欄位,並能以適當的方式使用它們時,這些欄位才有意義。
scheme 屬性
scheme 屬性用於指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標籤的 profile 屬性指定的概況檔案中進行了定義。
全域性屬性
<meta> 標籤支援 HTML 中的全域性屬性。
TIY 實例
相關頁面
HTML DOM 參考手冊:Meta 對像