一、文檔元數據
1.內核控制標簽
由于360等雙核瀏覽器在國內用戶中的盛行,一般在charset后面添加renderer,
用來指定瀏覽器渲染內核。
content屬性取值為:(區分大小寫)
webkit:webkit內核(最常用,稱為“極速核”)
ie-comp:IE兼容內核
ie-stand:IE標準內核
<meta name="renderer" content="webkit">
2.<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
設置IE內核瀏覽器優先使用最新版本引擎渲染頁面,并且在安裝chrome Frame擴展插件的瀏覽器中激活Chrome Frame作為渲染引擎,
其目的同樣是避免瀏覽器使用兼容模式,使得頁面盡可能以最佳方式呈現。
3.與搜索引擎優化(SEO)相關的meta元素
<meta name="keywords" content="HTML5, 前端,代碼,樣式">
<meta name="description" ?content="這是一張HTML5前端開發教程頁面">
4.控制搜索引擎抓取行為的meta
<meta name="robots" ?content="none'>
content為none表示文件將不被檢索,且頁面上的鏈接不可以被查詢。
如果希望文件和鏈接都可以被檢索和查詢,需要將content設置為all
<meta name="robots" ?content="all">
5.移動端瀏覽相關的meta
在手機瀏覽頁面中,頁面中的數字往往被自動識別為電話號碼,從而顯示撥號的超鏈接,這問題可以通過設置下面
format-detection標記來解決。
<meta name="format-detection" content="telephone-no">
6.刷新、重定向、緩存時間的meta
<meta http-equiv="refresh" content="300">
<meta http-equiv="refresh" content="0;URL=http://www.sohu.com">
<meta http-equiv="expires" content="Wed, 12 Aug 2015 12:43:22 GMT" >