HTML meta標簽總結與屬性使用介紹

一,<meta>描述

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

元數據總是以? ? ?名稱/值? ? 的形式被成對傳遞的

meta是用來在HTML文檔中模擬HTTP協議的響應頭報文

標記之間,它提供用戶不可見的信息。meta標簽通常用來為搜索引擎robots定義頁面主題,或者是定義用戶瀏覽器上的cookie;它可以用于鑒別作者,設定頁面格式,標注內容提要和關鍵字;還可以設置頁面使其可以根據你定義的時間間隔刷新自己,以及設置RASC內容等級,等等<span class="_kalamu-temp-placeholder"></span><br>

標記之間,它提供用戶不可見的信息。meta標簽通常用來為搜索引擎robots定義頁面主題,或者是定義用戶瀏覽器上的cookie;它可以用于鑒別作者,設定頁面格式,標注內容提要和關鍵字;還可以設置頁面使其可以根據你定義的時間間隔刷新自己,以及設置RASC內容等級,等等。<span class="_kalamu-temp-placeholder"></span><br>

二,組成

meta標簽共有兩個屬性,分別是http-equiv屬性name屬性。

1.name屬性、

name屬性主要用于描述網頁,比如網頁的關鍵詞,敘述等。與之對應的屬性值為content,content中的內容是對name填入類型的具體描述,便于搜索引擎抓取。

meta標簽中name屬性語法格式是:

A. keywords(關鍵字)

說明:用于告訴搜索引擎,你網頁的關鍵字。

B. description(網站內容的描述)

說明:用于告訴搜索引擎,你網站的主要內容。


C. viewport(移動端的窗口)

這個屬性常用于設計移動端網頁。在用bootstrap,AmazeUI等框架時候都有用過viewport。


D. robots(定義搜索引擎爬蟲的索引方式)


說明:robots用來告訴爬蟲哪些頁面需要索引,哪些頁面不需要索引。

content的參數有all,none,index,noindex,follow,nofollow。默認是all。

1.none : 搜索引擎將忽略此網頁,等價于noindex,nofollow。

2.noindex : 搜索引擎不索引此網頁。

3.nofollow: 搜索引擎不繼續通過此網頁的鏈接索引搜索其它的網頁。

4.all : 搜索引擎將索引此網頁與繼續通過此網頁的鏈接索引,等價于index,follow。

5.index : 搜索引擎索引此網頁。

6.follow : 搜索引擎繼續通過此網頁的鏈接索引搜索其它的網頁。


E. author(作者)

說明:用于標注網頁作者


G. copyright(版權)

說明:用于標注版權信息

H. revisit-after(搜索引擎爬蟲重訪時間)

說明:如果頁面不是經常更新,為了減輕搜索引擎爬蟲對服務器帶來的壓力,可以設置一個爬蟲的重訪時間。如果重訪時間過短,爬蟲將按它們定義的默認時間來訪問。


2. http-equiv屬性

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


A. content-Type(設定網頁字符集)(推薦使用HTML5的方式)

說明:用于設定網頁字符集,便于瀏覽器解析與渲染頁面


B. X-UA-Compatible(瀏覽器采取何種版本渲染當前頁面)

說明:用于告知瀏覽器以何種版本來渲染頁面。(一般都設置為最新模式,在各大框架中這個設置也很常見。)

D. expires(網頁到期時間)

說明:用于設定網頁的到期時間,過期后網頁必須到服務器上重新傳輸。


E. refresh(自動刷新并指向某頁面)

說明:網頁將在設定的時間內,自動刷新并調向設定的網址。


F、Set-Cookie(cookie設定)

說明:如果網頁過期,那么存盤的cookie將被刪除。


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容