HTML5学习笔记

一、文档元数据

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" >