html5基本标签

声明文档使用的字符编码：

声明文档的兼容模式，优先使用最新版本 IE 和 Chrome

     //指示IE以目前可用的最高模式显示内容

定义页面的最新版本：

页面描述

定义针对搜索引擎的关键词：

定义网页搜索引擎索引方式，使用英文逗号「,」分隔，常有如下几种取值：none,noindex,nofollow,all,index和follow：

定义网页作者：

每 8 秒刷新一次页面：

移动设备

手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的Safari 浏览器最新引进了viewport 这个meta tag，让网页开发者来控制viewport 的大小和缩放，其他手机浏览器也基本支持

使用initial-scale=1到非响应式网站上，这会让网站以100%宽度渲染，用户需要手动移动页面或者缩放。如果和initial-scale=1同时使用user-scalable=no或maximum-scale=1，则用户将不能放大/缩小网页来看到全部的内容。

参数：

1. width：宽度（数值/ device-width）（范围从200到10,000，默认为980像素）

2.height：高度（数值/ device-height）（范围从223到10,000）3.initial-scale：初始的缩放比例 （范围从>0 到10）4.minimum-scale：允许用户缩放到的最小比例5.maximum-scale：允许用户缩放到的最大比例6.user-scalable：用户是否可以手动缩 (no,yes) 

如果不显示地设置viewport，那么width的默认为980。如果页面的所有元素宽度都小于980，此时width为980，如果页面最宽的位置超过980，那么width等于最大宽度。总之，默认能将整个页面从左到右显示出来

早期（现已废弃target-densitydpi ）

对于ios设备，设置width可以生效，但对于android，你能设置的是一个特殊的字段target-densitydpi（为了防止Android Browser和WebView 根据不同屏幕的像素密度对你的页面进行缩放），你可以将viewport的target-densitydpi 设置为 device-dpi。当你这么做了，页面将不会缩放。相反，页面会根据当前屏幕的像素密度进行展示。

禁止跳转至地图。

禁止数字识自动别为电话号码：

不识别邮箱：

也可以写成：

不让百度转码

uc强制竖屏

QQ强制竖屏

UC强制全屏

QQ强制全屏

ISO 设备

添加到主屏后的标题（iOS 6开始）：

设置启动画面

是否启用 WebApp 全屏模式,伪装app，离线应用。

    
    当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）

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

设置web app的放置主屏幕上icon文件路径

    。图片尺寸可以设定为57*57（px）或者Retina可以定为114*114（px），ipad尺寸为72*72（px）。

设置状态栏的背景颜色：

    
    注：只有在 "apple-mobile-web-app-capable" content="yes" 时生效content 参数：default 默认值，网页内容从状态栏底部开始 black 状态栏背景是黑色，网页内容从状态栏底部开始 black-translucent 状态栏背景是黑色半透明，网页内容充满整个屏幕，顶部会被状态栏遮挡