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">