html的<meta>標籤的作用，htmlmeta標籤作用

html的<meta>標籤的作用，htmlmeta標籤作用

<meta>標籤包含了頁面文檔的上下文資訊。

主要包含的上下文資訊：

1.配置了伺服器向瀏覽器響應時，http協議的head資訊，瀏覽器根據head執行相應操作。

2.對頁面的描述資訊，便於搜尋引擎分類尋找。

 

在 HTML 中，<meta> 標籤沒有結束標籤。
在 XHTML 中，<meta> 標籤必須被正確地關閉。

 

標籤必選的屬性是content。

標籤可選的屬性是name，http-equiv。

 

1.http響應head

適用http-equiv和content屬性進行描述。

例如：

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Refresh" content="5;url=http://www.XXXXX.com" />

使用http-equiv描述的內容會被伺服器放入到對瀏覽器的響應的head中。

瀏覽器再根據響應head中的內容對文檔執行具體的操作。

列如上面的兩個http-equiv設定後，會在響應head中包含以下內容。

content-type: text/htmlcharset:gb2312refresh:5;url=http://www.XXXXX.com

含義就是文檔是html頁面，編碼字元集採用gb2312瀏覽器用這個字元集去解碼顯示頁面，5秒後跳轉到另一個url頁面。

http-equiv項的設定有很多，具體參考http協議或者用搜尋引擎搜。

 

2.頁面的描述資訊

基本上搜尋引擎都會看meta標籤對網頁進行分類檢索。

適用name和content屬性進行描述。

列如：

<!--用以說明產生工具--><meta name="generator" content="cnblogs"><!--用於搜尋的網頁關鍵字--><meta name="keywords" content="html,meta"><!--告訴搜尋引擎頁面的主要內容描述--><meta name="description" content="html的meta標籤的作用"><!--告訴搜尋引擎頁面的作者資訊--><meta name="author" content="白色的海">

其中最重要的莫過於keywords和description了。

還有可以設定revised，robots（告訴搜尋機器人，頁面檢索的行為），others項。