標籤及常用

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

    位於文檔首部，不包含任何內容。它的屬性定義了與文檔相關聯的名稱/值對。

2. HTML與XHTML之間的差異：

    在HTML中，<meta>沒有結束標籤；在XHTML中，<meta>必須被正確地關閉

3. 必須的屬性：

• content:定義與 http-equiv或name屬性相關的元信息，該屬性始終要和name屬性或http-equiv屬性一起使用

   可選的屬性：

•  http-equiv:（content-type/expires/refresh/set-cookie）把content屬性關聯到http頭部.

        http-equiv屬性爲名稱/鍵值對提供了名稱，並指示服務器在發送實際的文檔之前先在要傳送的瀏覽器的MIME文檔頭部包含名稱鍵值對。當服務器向瀏覽器發送文檔時，會先發送許多名稱/值對。雖然有些服務器會發送許多這種名稱/值對，但是所有服務器都至少要發送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2017">

那麼發送瀏覽器的頭部就應該包含：

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2017

•  name:（author/description/keywords/generator/revised/others）把content屬性關聯到一個名稱。
• <meta name="keywords" content="HTML,ASP,PHP,SQL">

   這樣的meta語句可能對搜索引擎的索引很有幫助。如果沒有提供name屬性，那麼名稱/鍵值對中的名稱會曹勇http-equiv屬性的值。

• scheme:定義用於翻譯content屬性值得格式。

常用的<meta>開頭：

<!-- 字體編碼 -->
 <meta charset="utf-8" />
<!-- 關鍵字 -->
 <meta name="keywords" content="" /> 
<!-- 說明 -->
 <meta name="description" content="" /> 
<!-- 作者 -->
 <meta name="author" content="" /> 
<!-- 設置文檔寬度、是否縮放 -->
 <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" /> 
 <!-- 360讀取到這個標籤立即錢換到極速模式 -->
 <meta name="renderer" content="webkit" /> 

<meta name="viewport" content="initial-scale=2.0,width=device-width"/>

name="viewport"：表示針對視口，（瀏覽器中呈現網頁的區域不等於屏幕大小）

content="initial-scale=2.0"：把內容放大爲實際大小的兩倍（0.5就是一半，3.0就是三倍）

width=device-width：告訴瀏覽器頁面的寬度等於設備的寬度

通過這個meta標籤可以控制用戶可以縮放頁面的程度。如：允許用戶最大將頁面放大到設備寬度的三倍，最小可以將頁面縮小至設備寬度的一半：

<meta name="viewport" content="width=device-width,maxium-scale=3,minium-scale=0.5"/>

也可以禁止用戶縮放，

<meta name="viewport" content="initial-scale=1.0,user-scaleable=no"/>