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” />