HTML5/HTML - meta标签的整理

（文章还在修改完善中，文中只整理出了部分标签）需要的可以参考下 ：

html的meta标签描述的头部信息特别多，有针对的SEO的头部信息，也有针对移动设备的头部信息。下面是一些有关标记的例子及解释。

meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。

1、声明文档使用的字符编码

　　<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

　　<meta charset='utf-8' />   // 简写

2、声明文档的兼容模式

　　<meta http-equiv="X-UA-Compatible" content="IE=edge" />   // 最高模式

　　<meta http-equiv="X-UA-Compatible" content="IE=Emulate IE7" />    // 指示IE使用 <!DOCTYPE> 指令，确定标准模式指令以IE7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。

3、移动设备添加 viewport 的meta标签（移动屏幕的缩放）

　　<meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

　　content 参数：

　　width 　　　　 viewport 宽度(数值/device-width)

　　height viewport 高度(数值/device-height)

　　initial-scale 初始缩放比例

　　maximum-scale 最大缩放比例

　　minimum-scale 最小缩放比例

　　user-scalable 是否允许用户缩放(yes/no)

　　minimal-ui iOS 7.1 beta 2 中新增属性，可以在页面加载时最小化上下状态栏。这是一个布尔值，可以直接这样写：

　　<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">

4、name 属性的 format-detection 值（忽略页面中的数字识别为电话号码）

　　<meta name="format-detection" content="telephone=no" />

　　no：禁止 ，yes：可以（默认，默认识别--就可不写）

 

水平有限，文中错误不妥在所难免，欢迎批评指正建议评论。文章将不定期修改完善斧正。谢谢！

 

本文参考自：html5 meta标签属性整理

http://www.th7.cn/web/html-css/201408/54017.shtml