- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引用
- HTML - 註釋
- HTML - 顏色
- HTML - 圖片
- HTML - 圖片地圖
- HTML - Iframes
- HTML - 短語元素
- HTML - 元標籤
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表頭和標題
- HTML - 表格樣式
- HTML - 表格 Colgroup
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 圖片連結
- HTML - 郵件連結
- HTML 顏色名稱和值
- HTML - 顏色名稱
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頭部
- HTML - Head 元素
- HTML - 新增 Favicon
- HTML - Javascript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式設計
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 其他
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二維碼
- HTML - Modernizer
- HTML - 驗證
- HTML - 顏色選擇器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 表查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用的標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
HTML - <meta> 標籤
HTML <meta> 標籤用於提供此類附加資訊。此標籤是一個空元素,沒有結束標籤,但它在其屬性中攜帶資訊。
HTML 允許您以多種方式指定元資料,即關於文件的其他重要資訊。META 元素可用於包含名稱/值對,這些對描述 HTML 文件的屬性,例如作者、過期日期、關鍵字列表、文件作者等。
您可以根據要儲存在文件中的資訊在文件中包含一個或多個元標籤,但通常情況下,元標籤不會影響文件的物理外觀,因此從外觀角度來看,是否包含它們並不重要。
語法
<meta attribute-name="value">
屬性
HTML 元標籤支援全域性屬性,並接受一些特定的屬性,如下所示。
| 屬性 | 值 | 描述 |
|---|---|---|
| name | application-name author description generator keywords viewport |
屬性的名稱。可以是任何內容。示例包括關鍵字、描述、作者、修訂、生成器等。 |
| content | 文字 | 指定屬性的值。 |
| charset | character_set | 指定 HTML 文件的字元編碼。 |
| http-equiv | content-security-policy content-type default-style refresh |
用於 HTTP 響應訊息頭。例如,http-equiv 可用於重新整理頁面或設定 cookie。 |
HTML 元標籤示例
以下示例將說明元標籤的使用。在哪裡、何時以及如何使用元標籤。
定義元資料
以下是一個示例,我們在此新增元標籤,元資料作為關於文件的重要關鍵字。
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name="keywords" content="HTML, Meta Tags, Metadata" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
透過元標籤指定元描述
在以下示例中,我們將使用<meta>標籤來簡要描述文件。各種搜尋引擎在為搜尋目的索引您的網頁時也可以使用此功能。
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name="keywords" content="HTML, Meta Tags, Metadata" /> <meta name="description" content="Learning about Meta Tags." /> </head> <body> <p>WELCOME TO TP</p> </body> </html>
新增資訊性元資料
讓我們考慮以下示例,我們將在其中使用<meta>標籤來提供有關上次更新文件時間的的資訊。各種 Web 瀏覽器在重新整理您的網頁時可以使用此資訊。
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name="keywords" content="HTML, Meta Tags, Metadata" /> <meta name="description" content="Learning about Meta Tags." /> <meta name="revised" content="Tutorialspoint, 3/7/2014" /> </head> <body> <p>Hello</p> </body> </html>
在特定時間後重新整理 HTML 頁面
讓我們來看一下以下示例,我們將在其中每 5 秒重新整理一次頁面。
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name="keywords" content="HTML, Meta Tags, Metadata" /> <meta name="description" content="Learning about Meta Tags." /> <meta name="revised" content="Tutorialspoint, 3/7/2014" /> <meta http-equiv="refresh" content="5" /> </head> <body> <p>Hello World</p> </body> </html>
支援的瀏覽器
| 標籤 | ![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|---|
| meta | 是 | 是 | 是 | 是 | 是 |
html_tags_reference.htm
廣告




