一、文档元数据
1.内核控制标签
由于360等双核浏览器在国内用户中的盛行,一般在charset后面添加renderer,
用来指定浏览器渲染内核。
content属性取值为:(区分大小写)
webkit:webkit内核(最常用,称为“极速核”)
ie-comp:IE兼容内核
ie-stand:IE标准内核
<meta name="renderer" content="webkit">
2.<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
设置IE内核浏览器优先使用最新版本引擎渲染页面,并且在安装chrome Frame扩展插件的浏览器中激活Chrome Frame作为渲染引擎,
其目的同样是避免浏览器使用兼容模式,使得页面尽可能以最佳方式呈现。
3.与搜索引擎优化(SEO)相关的meta元素
<meta name="keywords" content="HTML5, 前端,代码,样式">
<meta name="description" content="这是一张HTML5前端开发教程页面">
4.控制搜索引擎抓取行为的meta
<meta name="robots" content="none'>
content为none表示文件将不被检索,且页面上的链接不可以被查询。
如果希望文件和链接都可以被检索和查询,需要将content设置为all
<meta name="robots" content="all">
5.移动端浏览相关的meta
在手机浏览页面中,页面中的数字往往被自动识别为电话号码,从而显示拨号的超链接,这问题可以通过设置下面
format-detection标记来解决。
<meta name="format-detection" content="telephone-no">
6.刷新、重定向、缓存时间的meta
<meta http-equiv="refresh" content="300">
<meta http-equiv="refresh" content="0;URL=http://www.sohu.com">
<meta http-equiv="expires" content="Wed, 12 Aug 2015 12:43:22 GMT" >