首页 > 代码库 > 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标签的整理