Meta標籤經常使用屬性和介紹

1、 Name類：

　一、 Keywords（網頁關鍵字）

　　　How：<meta name="keywords" content="這裏寫網頁關鍵內容字段，利於搜索引擎優化"> 

　　　　what：向搜索引擎解釋本頁面的關鍵內容字段是什麼？

　

　二、Description（網頁內容描述）

　　　　How：<meta name="description" content="搜索引擎優化相關內容" /> 

　　　　what：向搜索引擎解釋本頁面的關鍵內容是什麼？

 

　三、Robots（搜索引擎爬蟲的索引方式）

　　　　How：<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow"> 

　　　　what：Robots用來告訴搜索機器人頁面需不須要索引。默認是all。

all	文件將被檢索，且頁面上的連接能夠被查詢
none	文件將不被檢索，且頁面上的連接不能夠被查詢；(和 "noindex, no follow" 起相同做用)
index	文件將被檢索；（讓robot/spider登陸）
follow	頁面上的連接能夠被查詢；
noindex	文件將不被檢索，但頁面上的連接能夠被查詢；(不讓robot/spider登陸)
nofollow	文件將不被檢索，頁面上的連接能夠被查詢。(不讓robot/spider順着此頁的鏈接往下探找)

 

　四、viewport（移動端視窗設置）

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

　　　　what：讓網頁適配或響應各類不一樣分辨率的移動設備。

width	設置網頁的寬度，爲一個正整數，或字符串"width-device"（範圍從 200 到 10,000，默認爲 980 像素）
initial-scale	設置頁面的初始縮放值，爲一個數字，能夠帶小數（範圍從 > 0 到 10）
minimum-scale	容許用戶的最小縮放值，爲一個數字，能夠帶小數
maximum-scale	容許用戶的最大縮放值，爲一個數字，能夠帶小數
height	設置網頁的高度，不多使用（範圍從 223 到 10,000 ）
user-scalable	是否容許用戶進行縮放，值爲"no"或"yes", no 表明不容許，yes表明容許

 

　五、format-detection（格式讀取）

　　　　 How：<meta name="format-detection" content="email=no|telephone=no|adress=no" /> 

　　　　what：是否檢驗格式（yes/no），是否禁止做爲郵箱地址觸發 | 是否禁止了把數字轉化爲撥號連接 | 是否禁止跳轉至地圖

 

　六、apple-mobile-web-app-status-bar-style（改變頂部狀態條的顏色）

　　　　How：<meta name="apple-mobile-web-app-status-bar-style" content=顏色值" /> 

　　　　what：設置web app 應用下狀態條（屏幕頂部條）的顏色；默認值爲 default（白色），能夠定爲 black（黑色）和 black-translucent（灰色半透明）

 

　七、apple-mobile-web-app-capable（網站開啓對 web app 程序的支持）

　　　　How：<meta name="apple-mobile-web-app-capable" content="yes" /> 

　　　　what：蘋果設備：網站開啓對 web app 程序的支持

 

　八、Author（做者） 

　　　　How：<meta name="author" content=" 碼農 "> 

　　　　what：標註網頁的做者或製做組

 

　九、Copyright（版權）

　　　　How：<meta name="copyright" content="本網站版權歸博客園全部"> 

　　　　what：標註版權

 

　十、renderer（雙核瀏覽器渲染方式）

　　  How：<meta name="renderer" content="webkit | ie-comp | ie-stand ">  

　　  what：分別表明用webkit內核，IE兼容內核，IE標準內核，區分大小寫。

內核	Webkit	IE兼容	IE標準
內核版本	Chrome 45	IE6/7	IE9/IE10/IE11(取決於用戶的IE)
HTML5支持	YES	NO	YES
ActiveX控件支持	NO	YES	YES

　十一、revisit-after(搜索引擎爬蟲重訪時間)

　　　　How：<meta name="revisit-after" content="2 days" > 

　　　 what：若是頁面不是常常更新，爲了減輕搜索引擎爬蟲對服務器帶來的壓力，能夠設置一個爬蟲的重訪時間。若是重訪時間太短，爬蟲將按它們定義的默認時間來訪問。

 

 2、 HTTP 標題信息 http-equiv類：

　一、Content-Type（網頁字符集的設定）

　　　　How：  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  //舊Html，不推薦  

　　　　　　　<meta charset="utf-8"> //新Html5，推薦


　　　　what：字符集的設置和渲染的編碼格式

 

　二、X-UA-Compatible(瀏覽器採起何種版本渲染當前頁面)

　　　　How：<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 

　　　　what：用於告知瀏覽器以何種版原本渲染頁面。

 

　 三、refresh(自動刷新並指向某頁面)

　　　　How：<meta http-equiv="refresh" content="10; URL=https://i.cnblogs.com">   //10秒後跳轉https://i.cnblogs.com   

　　　　what：網頁將在設定的時間內，自動刷新並調向設定的網址

 

　 四、expires(網頁到期時間)

　　　　How：<meta http-equiv="expires" content="Sunday 26 October 2017 01:00 GMT" />  

　　　　what：用於設定網頁的到期時間，過時後網頁必須到服務器上從新傳輸。

 

　 五、set-Cookie(cookie設定)

　　　　How：<meta http-equiv="set-cookie" content="CookieName=CookieValue; expires=Fri, 30 Dec 2015 12:00:00 GMT; path=/"> 

　　　　what：建立一個 cookie ，包含了 cookie 名，cookie 值，過時時間。

 

　六、cache-control(指定請求和響應遵循的緩存機制)

　　　　How：<meta http-equiv="cache-control" content="no-cache"> 

　　　　what：控制文檔的緩存機制。

public	全部內容都將被緩存(客戶端和代理服務器均可緩存)
private	內容只緩存到私有緩存中(僅客戶端能夠緩存，代理服務器不可緩存)
no-cache	不緩存
no-store	緩存當不歸檔 but not archived