關於Meta標籤的一些知識
阿新 • • 發佈:2018-11-12
1、定義文件的編碼格式(H5的標準寫法)
<meta charset="UTF-8">
2、宣告指定的瀏覽器以及版本
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> /* 當指定的content值為IE=edge,chrome=1時,優先使用 IE 最新版本和 Chrome。
假定客戶端安裝了Google Chrome Frame,則在IE中使用chrome的渲染引擎來渲染頁面,否則,將會使用客戶端IE最高的標準模式對頁面進行渲染。 */
3、viewport移動裝置螢幕可視區域
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
/* width viewport 寬度(數值/device-width) height viewport 高度(數值/device-height) initial-scale 初始縮放比例 maximum-scale 最大縮放比例 minimum-scale 最小縮放比例 user-scalable 是否允許使用者縮放(yes/no)*/
4、忽略數字自動識別為電話號碼
<meta content="telephone=no" name="format-detection" />
5、忽略識別郵箱
<meta content="email=no" name="format-detection" />
6、Pragma禁止本地快取
<meta http-equiv="Pragma" contect="no-cache" />
7、百度禁止轉碼
<meta http-equiv="Cache-Control" content="no-siteapp" />
8、SEO優化部分
<!-- 頁面關鍵詞 keywords -->
<meta name="keywords" content="your keywords">
<!-- 頁面描述內容 description -->
<meta name="description" content="your description">
<!-- 定義網頁作者 author -->
<meta name="author" content="author,email address">
<!-- 定義網頁搜尋引擎索引方式,robotterms 是一組使用英文逗號「,」分割的值,通常有如下幾種取值:none,noindex,nofollow,all,index和follow。 -->
<meta name="robots" content="index,follow">