H5知识 -- meta篇

H5知识 – meta篇

转载请注明出处 LXJ

网站开发常用
标签提供了HTML文档的元数据（数据的信息）。元数据不会显示在客户端中，但会被浏览器解析，META元素通常用于指定网页的描述，关键字，文件的作者和其他元数据。应该位于元素内部。

通常使用H5开发的网页在开头都会使用 来表明网页采用UTF-8的编码格式，charest用来定义文档的字符编码。

中name可以使用自己认为有意义的名称，除此之外，还可以使用：

• 作者的描述
• 使用的编辑器
• 修订的内容
• 网站的描述
• 关键字
• 其他的内容
• 规定是否允许robots获取（all|none|index|noindex|follow|nofollow）

使用keywords，在某些搜索引擎遇到这些关键字时，会用这些关键字对文档进行分类，类似这样的meta标签可能对于进入搜索引擎的索引有帮助。其中content定义与http-equiv或name相关的元信息。

另外可选属性http-equiv用来把content属性关联到HTTP头部，http-equiv常用的值有：

• content-type: 用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件

例如：定义HTML页面所使用的字符集为 GB2312

• refresh:
  例如：5秒后刷新重新定向到url里面的地址

移动端常用
在使用H5开发响应式页面或者移动端网站时，可以用来定义一系列有用的内容。通常在移动端的H5网页上都可以看到

该标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。

属性说明：

width	设置layout viewport的宽度，为一正整数，或字符串“width-device”
initial-scale	设置页面的初始缩放值，为一数字，可以带小数
minimum-scale	允许用户的最小缩放值，为一数字，可以带小数
maximum-scale	允许用户的最大缩放值，为一数字，可以带小数
height	设置layout viewport的高度。很少使用
user-scalable	是否允许用户进行缩放，“yes”代表允许，“no”代表不允许

除此之外，还有

是否删除默认的苹果工具栏和菜单栏，默认为显示

是否识别页面中的数字为电话号码

网站开启对WEB APP程序的支持

改变顶部状态栏的颜色，默认为default（白色），可选black（黑色）和black-translucent（灰色半透明）

兼容常用

X-UA-Compatible是IE8的一个专有属性，它告诉IE8采用何种IE版本去渲染网页，在html的标签中使用。