Home >> Blog >> 什麼是 HTML meta tag - 了解html 元標記 meta - 元標記

什麼是 HTML meta tag - 元標記

HTML 允許您以多種方式指定元數據——有關文檔的其他重要訊息。META 元素可用於包含描述 HTML 文檔屬性的名稱/值對,例如作者、到期日期、關鍵字列表、文檔作者等。

<meta>標籤用於提供此類附加訊息。該標籤是一個空元素,因此沒有結束標籤,但它在其屬性中攜帶訊息。

您可以根據要在文檔中保留的訊息在文檔中包含一個或多個元標記,但一般來說,元標記不會影響文檔的實際外觀,因此從外觀的角度來看,是否包含並不重要。

將元標記添加到您的文檔

您可以通過將 <meta> 標記放置在由<head>和</head>標記表示的文檔的標題內來將元數據添加到您的網頁。除了核心屬性之外,元標記還可以具有以下屬性 -

HTML - 元標記

指定關鍵字

您可以使用 <meta> 標籤指定與文檔相關的重要SEO關鍵字,稍後這些關鍵字會被搜尋引擎使用,同時為您的網頁編制索引以進行搜尋。

例子

以下是一個示例,我們在其中添加 HTML、元標記、元數據作為有關文檔的重要關鍵字。

HTML - 元標記

這將產生以下結果 -

HTML - 元標記

文件說明

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

例子

HTML - 元標記

文件修訂日期

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

例子

HTML - 元標記

文檔刷新

<meta> 標籤可用於指定網頁將自動刷新的持續時間。

例子

如果您希望您的頁面在每 5 秒後保持刷新,請使用以下語法。

HTML - 元標記

頁面重定向

您可以使用 <meta> 標籤將您的頁面重定向到任何其他網頁。如果要在一定秒數後重定向頁面,還可以指定持續時間。

例子

以下是 5 秒後將當前頁面重定向到另一個頁面的示例。如果要立即重定向頁面,則不要指定內容屬性。

HTML - 元標記

設置 Cookie

Cookie 是存儲在您計算機上的小文本文件中的數據,它在 Web 瀏覽器和 Web 服務器之間交換,以根據您的 Web 應用程序需要跟踪各種訊息

您可以使用 <meta> 標記在客戶端存儲 cookie,然後 Web 服務器可以使用此訊息來跟踪站點訪問者。

例子

以下是 5 秒後將當前頁面重定向到另一個頁面的示例。如果要立即重定向頁面,則不要指定內容屬性。

HTML - 元標記

如果您不包括到期日期和時間,則該 cookie 被視為會話 cookie,並將在用戶退出瀏覽器時被刪除。

注意- 您可以查看PHP 和 Cookies教程以獲取有關 Cookies 的完整詳細訊息。

設置作者姓名

您可以使用元標記在網頁中設置作者姓名。請參閱下面的示例 -

例子

HTML - 元標記

指定字符集

您可以使用 <meta> 標籤來指定網頁中使用的字符集。

例子

默認情況下,Web 服務器和 Web 瀏覽器使用 ISO-8859-1 (Latin1) 編碼來處理網頁。以下是設置 UTF-8 編碼的示例 -

HTML - 元標記

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

HTML - 元標記

meta

html

setting the viewport

meta property

html meta tag

javascript

html

html

html

html

html

html

html

html

html

html

metadata

the viewport meta

viewport meta tag

setting the viewport

png

icon

select

mysql

jquery

width

新聞

xml

apple

and

for

description

css

css

css

link

path

title

title

course

reference

meta name

meta name

meta name

meta name

name

name

name

name

content

content

content

content

content

content

content

content

content

content

content

content

content

content

content

meta property

tag

tag

tag

javascript

meta http-equiv