meta的設定詳解

meta作用：

定義頁面的說明，關鍵字，最後修改日期，和其他元資料，這些資料將服務於瀏覽器，告訴瀏覽器如何佈局和過載頁面，搜尋引擎和其他網路服務。

charset屬性想必大家都知道，設定網頁的編碼格式：<meta charset="UTF-8">

content屬性是所設定 http-equiv或者name之後，根據兩者有什麼屬性來設定內容，相當於http-qouiv和name的子屬性。

http-equiv屬性：

<meta http-equiv="Pragma"  content="no-cache"> //禁止瀏覽器從本地計算機的快取中訪問頁面內容。

<meta http-equiv="refresh" content="2";url="網址"> //表示當前的頁面在2秒後跳轉到設定的網址url。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染當前頁面

name屬性：

application-name//定義在網頁中執行的應用程式的名稱。

author//用於標註網頁作者。

description//包括一個關於頁面內容的縮略而精準的描述。一些瀏覽器，如Firefox和Opera，會使用這個當做網頁書籤的預設描述。
generator//用於標明網頁是什麼軟體做的。
keywords//用於告訴搜尋引擎，你網頁的關鍵字
revisit-after//如果頁面不是經常更新，為了減輕搜尋引擎爬蟲對伺服器帶來的壓力，可以設定一個爬蟲的重訪時間。如果重訪時間過短，爬蟲將按它們定義的預設時間來訪問。舉例：<meta name="revisit-after" content="7 days" >
renderer//renderer是為雙核瀏覽器準備的，用於指定雙核瀏覽器預設以何種方式渲染頁面。比如360瀏覽器：
<meta name="renderer" content="webkit"> //預設webkit核心
<meta name="renderer" content="ie-comp"> //預設IE相容模式
<meta name="renderer" content="ie-stand"> //預設IE標準模式
常用的屬性舉例：
<meta name=”viewport” content=”initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/>// 禁止縮放
<meta http-equiv=”refresh” content=”5″ />//設定一段時間後對頁面進行重新整理操作。
<meta http-equiv=”refresh” content=”5;url="網址" />//自動重定向

<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">//禁止瀏覽器快取當我們在本地測試網頁的時候，沒有及時更新新內容，可能就是有瀏覽器快取。這個時候，我們只要通過使用Meta標籤禁用瀏覽器快取，可以解決。
<meta http-equiv="Cache-Control" content="no-siteapp"/>//禁止百度轉碼
<meta content=”telephone=no” name=”format-detection” /> //在移動開發當中，遮蔽數字當作電話號碼的程式碼移動端：viewport解釋：瀏覽器顯示頁面內容的螢幕區域。

其屬性如下表：