HTML允許您以多種方式指定元數據-有關文檔的其他重要信息。元元素可用於包括描述HTML文檔屬性的名稱/值對,如author、expiry date、關鍵字列表、文檔author等。
<meta>標記用於提供此類附加信息。此標記是空元素,因此沒有結束標記,但它在其屬性中攜帶信息。
根據要在文檔中保留的信息,可以在文檔中包含一個或多個元標記,但通常,元標記不會影響文檔的物理外觀,因此從外觀角度看,是否包含它們並不重要。
Adding Meta Tags to Your Documents
您可以通過將<meta>標記放在由<head>和<head>標記表示的文檔標題中來向網頁添加元數據。除了核心屬性之外,元標記還可以有以下屬性−
Sr.No | Attribute & Description |
---|---|
1 |
代表 屬性的名稱。可以是任何東西。示例包括,關鍵字,描述,作者,修訂,生成器等。 |
2 |
content/ 指定屬性的值。 |
3 |
方案 指定用於解釋屬性值的方案(在content屬性中聲明)。 |
4 |
http等效 用於http響應消息頭。例如,可以使用http-equiv刷新頁面或設置cookie。值包括內容類型、過期時間、刷新和設置cookie。 |
Specifying Keywords
您可以使用<meta>標記指定與文檔相關的重要關鍵字,稍後這些關鍵字將由搜尋引擎在爲網頁編制索引以進行搜索時使用。
Example
下面是一個示例,我們在其中添加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>
這將產生以下結果&負;
Document Description
您可以使用<meta>標記對文檔進行簡短描述。這同樣可以用於各種搜尋引擎,同時索引您的網頁搜索目的。
Example
<!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>Hello HTML5!</p> </body> </html>
Document Revision Date
您可以使用<meta>標記提供有關上次更新文檔的時間的信息。刷新網頁時,此信息可供各種web瀏覽器使用。
Example
<!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 HTML5!</p> </body> </html>
Document Refreshing
標記可用於指定網頁自動刷新的持續時間。
Example
如果希望頁面每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 HTML5!</p> </body> </html>
Page Redirection
您可以使用<meta>標記將頁面重定向到任何其他網頁。如果要在特定秒數後重定向頁面,也可以指定持續時間。
Example
下面是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; url = http://www.tutorialspoint.com" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
Setting Cookies
Cookies是數據,存儲在計算機上的小文本文件中,它在web瀏覽器和web伺服器之間進行交換,以根據web應用程式的需要跟蹤各種信息。
您可以使用<meta>標記在客戶端存儲cookies,稍後Web伺服器可以使用此信息跟蹤網站訪問者。
Example
下面是5秒後將當前頁重定向到另一頁的示例。如果要立即重定向頁面,請不要指定內容屬性。
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08-Aug-15 23:59:59 GMT;" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
如果不包括過期日期和時間,則該cookie將被視爲會話cookie,並在用戶退出瀏覽器時被刪除。
note
Setting Author Name
可以使用元標記在網頁中設置作者名稱。請參見下面的示例−
Example
<!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 = "author" content = "Mahnaz Mohtashim" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
Specify Character Set
您可以使用<meta>標記指定網頁中使用的字符集。
Example
默認情況下,Web伺服器和Web瀏覽器使用ISO-8859-1(Latin1)編碼來處理網頁。下面是設置UTF-8編碼的示例−
<!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 = "author" content = "Mahnaz Mohtashim" /> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
要使用繁體中文服務靜態頁面,網頁必須包含一個<meta>標記以設置Big5 encoding−