首页 > 代码库 > HTML5/HTML - meta标签的整理

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

HTML5/HTML - meta标签的整理