廢話，就不多說了，開始今天的主題。

Html中meta標簽

一、meta標簽 含義

　　<meta> 元素 可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。

　　<meta> 標簽位于文檔的頭部，不包含任何內容。

　　<meta> 標簽的屬性定義了與文檔相關聯的名稱/值對。

二、meta 中常用屬性

1. charset  (字符集)

　　 說明：規定 HTML 文檔的字符編碼。

　　 用法： <meta charset="UTF-8">  

2.  viewport (視區)

　　 說明：是用戶網頁的可視區域。 大家都知道移動設備的屏幕一般都比PC小很多，webkit瀏覽器會將一個較大的“虛擬”窗口映射到移動設備的屏幕上，默認的虛擬窗口為980像素寬（目前大部分網站的標準寬度），然后按一定的比例（3：1或2：1）進行縮放。

　　　　 　也就是說當我們加載一個普通網頁的時候，webkit會先以980像素的瀏覽器標準加載網頁，然后再縮小為490像素的寬度。注意這個縮小是一個全局縮小，也就是頁面上的所有元素都會縮小。

　　 用法：

　　　　　　(1)  width

　　　　　　　　width 控制 viewport 的大小，一般為了自適應設置為device-width

　　　　　　(2) initial-scale

　　　　　　　  initial-scale：初始縮放比例，也即是當頁面第一次 load 的時候縮放比例。

 　　　　　  (3) maximum-scale

　　　　　　　  maximum-scale 最大縮放。即允許的最大縮放程度。這也是一個浮點值，用以指出頁面大小與屏幕大小相比的最大乘數。

　　　　　　(4)  minimum-scale

　　　　　　　　minimum-scale：允許用戶縮放到的最小比例。和 maximum-scale 用法類似。

　　　　　　(5)  user-scalable

　　　　　　　　user-scalable 用戶調整縮放。即用戶是否能改變頁面縮放程度。如果設置為yes則是允許用戶對其進行改變，反之為no。

3. keywords (關鍵字)

　　說明：為搜索引擎提供的關鍵字列表。各關鍵詞間用英文逗號“,”隔開。指定搜索引擎用來提高搜索質量的關鍵詞。

　　用法：<Meta name="Keywords" Content="關鍵詞1,關鍵詞2，關鍵詞3,關鍵詞4,……">

4. description (描述、簡介)
 

　　　說明：Description用來告訴搜索引擎你的網站主要內容。
 

　　　用法：<Meta name="Description" Content="你網頁的簡述">