HTML <meta> 标签

所有浏览器都支持 <meta> 标签。

定义和用法

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

HTML 与 XHTML 之间的差异

在 HTML 中，<meta> 标签没有结束标签。

在 XHTML 中，<meta> 标签必须被正确地关闭。

提示和注释：

注释：<meta> 标签永远位于 head 元素内部。

注释：元数据总是以名称/值的形式被成对传递的。

包含的属性1.name属性name 属性提供了名称/值对中的名称（而后面要说的content属性则是该名称对应的值）。

2.content属性content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。content 属性始终要和 name 属性或 http-equiv 属性一起使用。

3.http-equiv属性equiv是equivalent的简写，是相等的，等价物的意思。不难理解，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

常用的名称/值对1.keywords(关键字)说明：用于告诉搜索引擎，你网页的关键字。举例：

2.description(网站内容的描述)说明：用于告诉搜索引擎，你网站的主要内容。举例：

3.author(作者)说明：用于标注网页作者举例：

4.renderer(双核浏览器渲染方式)说明：renderer是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。举例：

5.viewport(移动端的窗口)说明：viewport视为移动终端设计的属性

• width – viewport的宽度

• height – viewport的高度

• initial-scale – 初始的缩放比例

• minimum-scale – 允许用户缩放到的最小比例

• maximum-scale – 允许用户缩放到的最大比例

• user-scalable – 用户是否可以手动缩放

6.content-Type(设定网页字符集)说明：用于设定网页字符集，便于浏览器解析与渲染页面举例：

7.X-UA-Compatible(浏览器采取何种版本渲染当前页面)说明：用于告知浏览器以何种版本来渲染页面。举例：

8.refresh(自动刷新并指向某页面)

说明：网页将在设定的时间内，自动刷新并调向设定的网址。举例:

9.其他

<!-- 搜索引擎抓取 -->

<meta name="robots" content="index,follow"/>

<!-- iOS 设备 begin -->

<!-- 添加到主屏后的标题（iOS 6 新增） -->

<meta name="apple-mobile-web-app-title" content="标题">

<!-- 设置苹果工具栏颜色 -->

<meta name="apple-mobile-web-app-status-bar-style" content="black"/>

<!-- 忽略页面中的数字识别为电话，忽略email识别 -->

<meta name="format-detection" content="telphone=no, email=no"/>

<!-- 不让百度转码 -->

<meta http-equiv="Cache-Control" content="no-siteapp" />

<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->

<meta name="HandheldFriendly" content="true">

<!-- uc强制竖屏 -->

<meta name="screen-orientation" content="portrait">

<!-- QQ强制竖屏 -->

<meta name="x5-orientation" content="portrait">

<!-- UC强制全屏 -->

<meta name="full-screen" content="yes">

<!-- QQ强制全屏 -->

<meta name="x5-fullscreen" content="true">

<!-- UC应用模式 -->

<meta name="browsermode" content="application">

<!-- QQ应用模式 -->

<meta name="x5-page-mode" content="app">

<!-- windows phone 点击无高光 -->

<meta name="msapplication-tap-highlight" content="no">