HTML <meta> 標籤
實例
描述 HTML 文檔的元數據:
<head>
<meta name="description" content="免費線上教學">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="zaixian">
<meta charset="UTF-8">
</head>
流覽器支持
所有主流流覽器都支持 <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 新屬性。
屬性 | 值 | 描述 |
---|---|---|
charsetNew | 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 頭部