html中的meta標籤是什麼?有哪些屬性?

2022-06-08 14:12:08 字數 2103 閱讀 3413

meta標籤介紹

meta標籤是html語言head區域的乙個輔助性標籤,常用於定義頁面的說明,關鍵字,最後修改的日期和其他的元資料。這些元資料將服務於瀏覽器,搜尋引擎和其他網路服務。

meta標籤的組成

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

name屬性

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

其中name屬性共有以下幾種引數。(a-c為常用屬性)

(1) keywords(關鍵字)

說明:用於告訴搜尋引擎,你網頁的關鍵字。舉例:

(2)description(**內容的描述)

(3)viewport(移動端的視窗)

說明:這個概念較為複雜,具體的會在下篇博文中講述。這個屬性常用於設計移動端網頁。在用bootstrap,amazeui等框架時候都有用過viewport。

(4) robots(定義搜尋引擎爬蟲的索引方式)

說明:robots用來告訴爬蟲哪些頁面需要索引,哪些頁面不需要索引。content的引數有all,none,index,noindex,follow,nofollow。預設是all。

具體引數如下:

1、none : 搜尋引擎將忽略此網頁,等價於noindex,nofollow。

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

5、index : 搜尋引擎索引此網頁。

(5)author(作者)

說明:用於標註網頁作者舉例:

(6) generator(網頁製作軟體)

說明:用於標明網頁是什麼軟體做的舉例: (不知道能不能這樣寫):

(8)revisit-after(搜尋引擎爬蟲重訪時間)

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

(9)renderer(雙核瀏覽器渲染方式)

說明:renderer是為雙核瀏覽器準備的,用於指定雙核瀏覽器預設以何種方式渲染頁面。比如說360瀏覽器。舉例:

//預設webkit核心

//預設ie相容模式

//預設ie標準模式

http-equiv屬性

http-equiv顧名思義,相當於http的作用。

meta標籤中http-equiv屬性語法格式是:

其中http-equiv屬性主要有以下幾種引數:

(1) content-type(設定網頁字符集)(推薦使用html5的方式)

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

//舊的html,不推薦

//html5設定網頁字符集的方式,推薦使用utf-8

(2)x-ua-compatible(瀏覽器採取何種版本渲染當前頁面)

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

//指定ie和chrome使用最新版本渲染當前頁面

(3) cache-control(指定請求和響應遵循的快取機制)

說明:指導瀏覽器如何快取某個響應以及快取多長時間

共有以下幾種用法:

no-cache: 先傳送請求,與伺服器確認該資源是否被更改,如果未被更改,則使用快取。

public : 快取所有響應,但並非必須。因為max-age也可以做到相同效果

private : 只為單個使用者快取,因此不允許任何中繼進行快取。(比如說cdn就不允許快取private的響應)

maxage : 表示當前請求開始,該響應在多久內能被快取和重用,而不去伺服器重新請求。例如:max-age=60表示響應可以再快取和重用 60 秒。

(4)expires(網頁到期時間)

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

(5) refresh(自動重新整理並指向某頁面)

//意思是2秒後跳轉到php中文網

(6) set-cookie(cookie設定)

說明:如果網頁過期。那麼這個網頁存在本地的cookies也會被自動刪除。

//格式

//具體範例

html中的meta標籤

meta元素提供頁面的原資訊,位於文件頭部 content屬性 該屬性提供名稱 值對中的值,使用要與http equiv或name屬性一起使用 3.1 http equiv 屬性 對應的值有 content type expires refresh set cookie 該屬性把content屬性關...

meta標籤的作用是什麼

name 屬性 1 meta name generator contect 用以說明生成工具 如microsoft frontpage 4.0 等 3 meta name description contect 告訴搜尋引擎你的站點的主要內容 4 meta name author contect 你...

Html中meta標籤詳解

這個屬性指定 如果content 只包含乙個正整數,則是重新載入頁面的時間間隔 秒 如果content 包含乙個正整數並且跟著乙個字串,則是重定向到指定鏈結的時間間隔 秒 refresh content 3 author author content 龍龍老表 description descrip...