html头部的meta标签整理

1   <meta charset="UTF-8">

 页面的字符编码是utf-8格式

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

width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

如果页面要适应移动端，这个标签要用

3,<meta name="keywords" content="key1,key2">

定义页面的关键词，多用于网站推广，网站推广的话，这个词很重要，毕竟花钱了

4 <meta name="description" content="des1,des2">

定义页面的描述信息，详细的解释

5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

表示IE兼容模式，百度就是这些写的，页面采用chrome渲染页面

6 <link rel="dns-prefetch" href="//xxx.com">

dns预解析，提高网站访问速度

7＜meta name="Robots" contect="all | none | index | noindex | follow | nofollow"＞

设定为all：文件将被检索，且页面上的链接可以被查询；

设定为none：文件将不被检索，且页面上的链接不可以被查询；

设定为index：文件将被检索；

设定为follow：页面上的链接可以被查询；

设定为noindex：文件将不被检索，但页面上的链接可以被查询；

设定为nofollow：文件将不被检索，页面上的链接可以被查询

8 <meta name="apple-touch-fullscreen" content="yes">  添加到主屏幕后，全屏显示。

<meta name="apple-mobile-web-app-capable" content="yes" />

这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。

9 ＜meta name="Generator" contect=""＞用以说明生成工具（如Editplus）等；