一、简介

HTML5是HTML的新一代标准，目前还处于发展阶段。HTML5增加了许多新的语法特性，包括视频、音频和画布元素，并集成了SVG内容。添加这些元素是为了更容易地添加和处理网页中的多媒体和图片内容。其他新的元素，包括章节、文章、标题和导航，被设计来丰富文档的数据内容。出于同样的目的，添加了新的属性。同时，删除了一些属性和元素。

1.1 html5设计原理

避免不必要的复杂性

支持现有内容

解决实际问题

静态退化

最终用户优先

详见Jeremy Keith的主题演讲《Fronteers 2010中HTML5的设计》，以及李瑟娥宋风的翻译《HTML5中文翻译设计原则》。

1.2 浏览器支持性况：

Safari、Chrome、Firefox和Opera的最新版本都支持一些HTML5特性。Internet Explorer 9支持一些HTML5特性。详见http://html5test.com/results/desktop.html。

对于ie9以下的ie浏览器，可以使用html5shiv支持HTML5标签，并在head标签中插入以下代码。

！-[if lt IE 9]script src=' http://html 5 shiv . googlecode.com/SVN/trunk/html 5 . js '/script！[endif] -

二、Doctype

2.1 DOCTYPE 简介

文档类型，或文档类型声明。首先是XML的概念，即通过特定的语法，作为一种元数据，描述了XML文档中允许的元素，以及每个元素的组成和嵌套规则。参考wiki。

在html中，DOCTYPE声明位于文档的前面，在HTML标记之前。浏览器在解析HTML文档之前需要确定当前文档的类型，从而决定需要采用的渲染模式。不同的渲染模式会影响浏览器对CSS代码甚至JavaScript脚本的解析。如果没有DOCTYPE，浏览器将进入一个渲染模式，称为Quirks模式(也称为混杂模式，Quirks模式)。在这种模式下，浏览器的框模型、样式分析、布局等都不同于标准。

没有DOCTYPE的声明：

html head title document/title/head dyscriptdocument . write(document . Compatmode)；//BackCompat/script/body/html

声明DOCTYPE情况：

！doctype html html lang=' en ' head meta charset=' UTF-8 ' title document/title/headscriptdocument . write(document . Compatimode)；//CSS1Compat/script/body/html

Document.compatMode最早出现在IE6，它的值表示浏览器的工作模式。它是一个返回字符串的只读属性，只能存在两种返回值：

背景兼容：标准兼容模式未打开

需要注意的是，在后来的近标准模式中，document.compatMode的返回值与标准模式是一致的，就是CSS1Compat。也就是说，document.compatMode不能用来详细区分浏览器的工作模式，只能用来判断浏览器是否工作在Quirks模式。因为“标准模式”和“接近标准模式”没有太大区别，所以这种方法在今天仍然被广泛使用。

注意：

对于IE6-9，如果DOCTYPE前有注释，会进入Quirks模式。

对于IE6来说，如果DOCTYPE之前有一个XML声明，那么就会进入Quirks模式。

2.2 HTML4 的DOCTYPE

HTML 4.01的标准中规定了三种DOCTYPE:

严格模式：doctype htmlpublic的过渡模式'-//W3C//DTD HTML 4.01//EN ' ' http://www.w3.org/tr/html4/strict.dtd': DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www . w3 . org/TR