meta元标签的头部格式

meta设置的编码格式

meta是元标签，是数据的数据的信息

注意：name和content属性搭配使用，name属性大小写敏感

1.设置编码格式：

< meta charset="UTF-8>

2.keyword用来告诉搜索引擎你网页的关键字是什么

< meta name=“keywords” content=“资讯,新闻,财经,房产,视频,NBA,科技”>

3.description用来告诉搜索引擎你的网站主要内容

< meta name=“description” content=“XX网是……” >

4.作者的名字和邮箱

< meta name=“author” content=“whqet，123456789@qq.com”>

5.代表网站版权信息

< meta name=“copyright” content=“本网站版权txxx所有”>

6.代表说明网站采用什么软件制作的

< meta name=“generator” content=“sublime text 2”>

7. 当前web应用程序的名字

< meta name=“application-name” content=“应用名称”>

8.obots用来告诉搜索机器人哪些页面需要牵引，哪些页面不需要索引

值：content的参数有all，none，index，noindex，follow，nofollow。默认是all
解释：all：文件将被检索，且页面上的链接可以被查询；
none：将不被检索，且页面上的链接不可以被查询；
index：将被检索；
follow：页面上的链接可以被查询；
noindex：文件不被检索，但页面上的链接可以被查询；
nofollow：文件将被检索，但页面上的链接不可以被查询

9.代表网站重新访问，7days代表7天，依次类推

< meta name=“revisit-after” content=“7 days” >

注意：http-equiv属性:就是http的文件头作用，可以向浏览器传回一些有用的信息，以帮助正确和精确的显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

1.用于描述语言，使得其允许用户根据用户自己的优选语言区分

< meta http-equiv=“content-language” content=“zh-CN” >

2.content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值，或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。

< meta http-equiv=“default-style” content=“文档首选样式”>

3.规定文档的字符编码。

< meta http-equiv=“content-type” content=“text/html;charset=UTF-8”>

4.Set-Cookie（cookie设定）：如果网页到期，那么存盘的cookie将被删除

< meta http-equiv=“set-cookie” “name=data; path=path; expires=Day, DD-MMM-YY HH:MM:SS ZON”>

5.viewport元信息标签向浏览器指明了viewport大小和页面缩放比例的信息。而且，它允许web开发人员设置layout viewport的宽度，这个宽度可以是相对于CSS声明(如width：20%)的计算结果。

< meta name=“viewport” content=“width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0”>
值：width：用于设置layout viewport(布局视口)的宽度
initial-scale：设置页面的初始缩放比和 layout viewport(布局视口)的宽度
minimum-scale：设置页面最小缩放比例，即用户能将页面缩小多少
maximum-scale：设置页面最大缩放比例，即用户能将页面放大多少
height：应该是用于设置layout viewport(布局视口)的高度，但该属性无效
user-scalable：当设置为no时，可禁止用户缩放页面。但请不要这样去做。

6.就是什么版本 IE 就用什么版本的标准模式渲染。

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

7.就是什么版本 IE 就用什么版本的标准模式渲染。ie7版本

< meta http-equiv=“X-UA-Compatible” content=“IE=7”>

8.renderer是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器，指定双核浏览器优先使用哪种内核

< meta name=“renderer” content=“webkit|ie-comp|ie-stand”>

9.启用webApp全屏模式

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