關于html中meta的作用(網上搜集整理得來)

2020-03-24 19:11:23

字體：大中小

來源：轉載

供稿：網友

W3Cschool上是這樣說明的

meta 元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。

meta 標簽位于文檔的頭部，不包含任何內容。 meta 標簽的屬性定義了與文檔相關聯的名稱/值對。

HTML 與 XHTML 之間的差異

在 HTML 中， meta 標簽沒有結束標簽。

在 XHTML 中， meta 標簽必須被正確地關閉。

提示和注釋：

注釋： meta 標簽永遠位于 head 元素內部。

注釋：元數據總是以名稱/值的形式被成對傳遞的。

name 屬性

name 屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標簽都沒有指定任何預先定義的 meta 名稱。通常情況下，您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。

keywords 是一個經常被用到的名稱。它為文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時，會用這些關鍵字對文檔進行分類。

類似這樣的 meta 標簽可能對于進入搜索引擎的索引有幫助：

http-equiv 屬性

http-equiv 屬性為名稱/值對提供了名稱。并指示服務器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。

當服務器向瀏覽器發送文檔時，會先發送許多名稱/值對。雖然有些服務器會發送許多這種名稱/值對，但是所有服務器都至少要發送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。

使用帶有 http-equiv 屬性的 meta 標簽時，服務器將把名稱/值對添加到發送給瀏覽器的內容頭部。

content 屬性

content 屬性提供了名稱/值對中的值。該值可以是任何有效的字符串。

content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。

scheme 屬性

scheme 屬性用于指定要用來翻譯屬性值的方案。此方案應該在由 head 標簽的 profile 屬性指定的概況文件中進行了定義。

meta是用來在HTML文檔中模擬HTTP協議的響應頭報文。meta 標簽用于網頁的 head 與 /head 中，meta 標簽的用處很多。meta 的屬性有兩種：name和http-equiv。name屬性主要用于描述網頁，對應于content（網頁內容），以便于搜索引擎機器人查找、分類（目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類）。這其中最重要的是description（站點在搜索引擎上的描述）和keywords（分類關鍵詞），所以應該給每頁加一個meta值。比較常用的有以下幾個：

name 屬性

1、 meta name= Generator contect= 用以說明生成工具（如Microsoft FrontPage 4.0）等；

2、 meta name= KEYWords contect= 向搜索引擎說明你的網頁的關鍵詞；

3、 meta name= DEscription contect= 告訴搜索引擎你的站點的主要內容；

4、 meta name= Author contect= 你的姓名告訴搜索引擎你的站點的制作的作者；

5、 meta name= Robots contect= all|none|index|noindex|follow|nofollow

其中的屬性說明如下：

設定為all：文件將被檢索，且頁面上的鏈接可以被查詢；

設定為none：文件將不被檢索，且頁面上的鏈接不可以被查詢；

設定為index：文件將被檢索；

設定為follow：頁面上的鏈接可以被查詢；

設定為noindex：文件將不被檢索，但頁面上的鏈接可以被查詢；

設定為nofollow：文件將不被檢索，頁面上的鏈接可以被查詢。

http-equiv屬性

1、 meta http-equiv= Content-Type contect= text/html charset=gb_2312-80

和 meta http-equiv= Content-Language contect= zh-CN 用以說明主頁制作所使用的文字以及語言；

又如英文是ISO-8859-1字符集，還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；

2、 meta http-equiv= Refresh contect= url=http://yourlink 定時讓網頁在指定的時間n內，跳轉到頁面http://yourlink；

3、 meta http-equiv= Expires contect= Mon,12 May 2001 00:20:00 GMT 可以用于設定網頁的到期時間，一旦過期則必須到服務器上重新調用。需要注意的是必須使用GMT時間格式；

4、 meta http-equiv= Pragma contect= no-cache 是用于設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定后一旦離開網頁就無法從Cache中再調出；

5、 meta http-equiv= set-cookie contect= Mon,12 May 2001 00:20:00 GMT cookie設定，如果網頁過期，存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式；

6、 meta http-equiv= Pics-label contect= 網頁等級評定，在IE的internet選項中有一項內容設置，可以防止瀏覽一些受限制的網站，而網站的限制級別就是通過meta屬性來設置的；

7、 meta http-equiv= windows-Target contect= _top 強制頁面在當前窗口中以獨立頁面顯示，可以防止自己的網頁被別人當作一個frame頁調用；

8、 meta http-equiv= Page-Enter contect= revealTrans(duration=10,transtion= 50) 和 meta http-equiv= Page-Exit contect= revealTrans(duration=20，transtion=6) 設定進入和離開頁面時的特殊效果，這個功能即FrontPage中的格式/網頁過渡，不過所加的頁面不能夠是一個frame頁面。html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：用html5繪制折線圖的實例代碼

下一篇：HTMl5的存儲方式sessionStorage和localStorage詳解_0