Home >> Blog >> 什麼是 HTML meta tag - 了解html 元標記 meta - 元標記
什麼是 HTML meta tag - 元標記
HTML 允許您以多種方式指定元數據——有關文檔的其他重要訊息。META 元素可用於包含描述 HTML 文檔屬性的名稱/值對,例如作者、到期日期、關鍵字列表、文檔作者等。
<meta>標籤用於提供此類附加訊息。該標籤是一個空元素,因此沒有結束標籤,但它在其屬性中攜帶訊息。
您可以根據要在文檔中保留的訊息在文檔中包含一個或多個元標記,但一般來說,元標記不會影響文檔的實際外觀,因此從外觀的角度來看,是否包含並不重要。
將元標記添加到您的文檔
您可以通過將 <meta> 標記放置在由<head>和</head>標記表示的文檔的標題內來將元數據添加到您的網頁。除了核心屬性之外,元標記還可以具有以下屬性 -

指定關鍵字
您可以使用 <meta> 標籤指定與文檔相關的重要SEO關鍵字,稍後這些關鍵字會被搜尋引擎使用,同時為您的網頁編制索引以進行搜尋。
例子
以下是一個示例,我們在其中添加 HTML、元標記、元數據作為有關文檔的重要關鍵字。

這將產生以下結果 -

文件說明
您可以使用 <meta> 標籤對文檔進行簡短描述。這又可以被各種搜尋引擎使用,同時為您的網頁編制索引以進行搜尋。
例子

文件修訂日期
您可以使用 <meta> 標記來提供有關文檔上次更新時間的訊息。刷新網頁時,各種網絡瀏覽器都可以使用此訊息。
例子

文檔刷新
<meta> 標籤可用於指定網頁將自動刷新的持續時間。
例子
如果您希望您的頁面在每 5 秒後保持刷新,請使用以下語法。

頁面重定向
您可以使用 <meta> 標籤將您的頁面重定向到任何其他網頁。如果要在一定秒數後重定向頁面,還可以指定持續時間。
例子
以下是 5 秒後將當前頁面重定向到另一個頁面的示例。如果要立即重定向頁面,則不要指定內容屬性。

設置 Cookie
Cookie 是存儲在您計算機上的小文本文件中的數據,它在 Web 瀏覽器和 Web 服務器之間交換,以根據您的 Web 應用程序需要跟踪各種訊息
您可以使用 <meta> 標記在客戶端存儲 cookie,然後 Web 服務器可以使用此訊息來跟踪站點訪問者。
例子
以下是 5 秒後將當前頁面重定向到另一個頁面的示例。如果要立即重定向頁面,則不要指定內容屬性。

如果您不包括到期日期和時間,則該 cookie 被視為會話 cookie,並將在用戶退出瀏覽器時被刪除。
注意- 您可以查看PHP 和 Cookies教程以獲取有關 Cookies 的完整詳細訊息。
設置作者姓名
您可以使用元標記在網頁中設置作者姓名。請參閱下面的示例 -
例子

指定字符集
您可以使用 <meta> 標籤來指定網頁中使用的字符集。
例子
默認情況下,Web 服務器和 Web 瀏覽器使用 ISO-8859-1 (Latin1) 編碼來處理網頁。以下是設置 UTF-8 編碼的示例 -

要使用繁體中文字符提供靜態頁面,網頁必須包含一個 <meta> 標籤來設置 Big5 編碼 -
