meta 標籤內屬性及詳解

name 屬性
1.keywords
用於告訴搜索引擎,你網頁的關鍵字。舉例:

<meta name="keywords" content="sslcsq">

2.description
用於告訴搜索引擎,你網站的主要內容。舉例:

<meta name="description" content="這是我的世界">

3.viewport(移動端的窗口)

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

4.robot
robots用來告訴爬蟲哪些頁面需要索引,哪些頁面不需要索引。content的參數有all,none,index,noindex,follow,nofollow。默認是all。
舉例:
<meta name="robots" content="none">

5.author
用於標註網頁作者

<meta name="author" content="[email protected]">

6.generator(網頁製作軟件)

<meta name="generator" content="vscode">

7.copyright(版權)

<meta name="copyright" content="ssl">

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

<meta name="revisit-after" content="7 days" >

9.renderer
renderer是爲雙核瀏覽器準備的,用於指定雙核瀏覽器默認以何種方式渲染頁面。比如說360瀏覽器。
<meta name="renderer" content="webkit"> //默認webkit內核
<meta name="renderer" content="ie-comp"> //默認IE兼容模式
<meta name="renderer" content="ie-stand"> //默認IE標準模式
http-equiv屬性
http-equiv顧名思義,相當於http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值爲content,content中的內容其實就是各個參數的變量值。

10.Expires(期限)
說明:可以用於設定網頁的到期時間。一旦網頁過期,必須到服務器上重新傳輸

<meta http-equiv="expires" content="Thu,06 Dec 2020 21:21:21 GMT">

注意:必須使用GMT的時間格式。

11.Pragma(cache模式)
說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內容。

<meta http-equiv="Pragma" content="no-cache">

注意:這樣設定,訪問者將無法脫機瀏覽。

12.Refresh(刷新)
說明:自動刷新並指向新頁面。
<meta http-equiv="Refresh" content="2; URL = http://www.baidu.com"> (注意後面的分號,分別在秒數的前面和網址的後面)
注意:其中的2是指停留2秒鐘後自動刷新到URL網址

13.Set-Cookie(cookie設定)
說明:如果網頁過期,那麼存盤的cookie將被刪除。
用法:<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=Thu,06 Dec 2020 21:21:21 GMT;path=/">
注意:必須使用GMT的時間格式

14.Window-target(顯示窗口的設定)
說明:強制頁面在當前窗口以獨立頁面顯示。
用法:<meta http-equiv="Window-target" content="_top">
注意:用來防止別人在框架裏調用自己的頁面

15.content-Type(顯示字符集的設定)
說明:設定頁面使用的字符集。
用法:<meta http-equiv="content-Type" content="text/html;charset=gb2312">
注意:HTML5中使用 <meta charset = 'utf-8'> 來設定
meta標籤的charset的信息參數如GB2312時,代表說明網站是採用的編碼是簡體中文;
meta標籤的charset的信息參數如BIG5時,代表說明網站是採用的編碼是繁體中文;
meta標籤的charset的信息參數如iso-2022-jp時,代表說明網站是採用的編碼是日文;
meta標籤的charset的信息參數如ks_c_5601時,代表說明網站是採用的編碼是韓文;
meta標籤的charset的信息參數如ISO-8859-1時,代表說明網站是採用的編碼是英文;
meta標籤的charset的信息參數如UTF-8時,代表世界通用的語言編碼;

16.content-Language(顯示語言的設定)
用法:<meta http-equiv="Content-Language" content="zh-cn"/>

17.Cache-Control指定請求和響應遵循的緩存機制。
Cache-Control指定請求和響應遵循的緩存機制。在請求消息或響應消息中設置Cache-Control並不會修改另一個消息處理過程中的緩存處理過程。請求時的緩存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached
響應消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age
各個消息中的指令含義如下:

Public 指示響應可被任何緩存區緩存
Private 指示對於單個用戶的整個或部分響應消息,不能被共享緩存處理。這允許服務器僅僅描述當用戶的部分響應消息,此響應消息對於其他用戶的請求無效
no-cache 指示請求或響應消息不能緩存
no-store 用於防止重要的信息被無意的發佈。在請求消息中發送將使得請求和響應消息都不使用緩存。
max-age 指示客戶機可以接收生存期不大於指定時間(以秒爲單位)的響應
min-fresh 指示客戶機可以接收響應時間小於當前時間加上指定時間的響應
max-stale 指示客戶機可以接收超出超時期間的響應消息。如果指定max-stale消息的值,那麼客戶機可以接收超出超時期指定值之內的響應消息。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章