<meta>标签及常用

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