HTML4三种文档类型的区别,HTML5常识总结（一）

一、HTML5的发展历程

+ html演变的几个版本： html2.0、html3.2、html4.0、html4.01、html5。

+ 其中在html4.01发布之后，还发布了xtml1.0，它是基于html4.01的，没有新增任何新的元素和属性；xhtml遵循更严格的语法规范，xhtml定义的新的MIME类型(内容类型)为application/xhtml+xml,但是xtml1.0版本的网页仍然可以以text/html类型来发布，xtml1.0就是一个xml风格的html；在xtml1.0之后就是xtml1.1，xtml1.1版本的网页只能通过application/xhtml+xml类型来发布，它好像就是一个货真价实的xml；随后的xtml2.0之后就是html5.

二、HTML5的新特性

+ 用于绘画的canvas

+ 用于媒介回放的video和audio

+ 对本地离线存储的更好的支持-localStorage数据永久存储,sessionStorage关闭浏览器之后数据自动删除.

+ 增加了一些语义化标签：header、footer、nav、aside、section、main、figure、template、data、time等

(https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list)

+ 对web表单的改进，新增表单功能，如新增type类型：color、datatime、email、number等

(https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#attr-type)

+ 新增技术如：web workers(让浏览器在后台运行javascript)、web sockets(web应用程序可以实时的获取或推送信息)、      geolocation(使用地理位置定位)等

三、HTML5新标签的使用

+ HTML5新标签浏览器兼容问题

IE9以下的IE浏览器不支持HTML5,可以通过document.createElement来动态添加HTML5中特有的标签：

或是直接使用成熟的框架：

也有可能用户会禁用脚本，所以最好还是在上面的script标签下加一段noscript标签：

(更多可参见：http://www.cnblogs.com/pigtail/archive/2013/01/07/2849136.html)

+ HTML4中创建文档大纲的唯一方式是使用

到

元素，如果想让大纲中只有唯一一个根节点，代码中只能写一个

;

HTML5中，每个节点都可以有自己的

元素。(HTML5的大纲算法)

四、文档类型

1、为什么HTML5只需写？

+  html5不基于SGML(标准通用标记语言)，不需要引用DTD，所以文档声明可以直接写成

+  html4.01基于SGML，所以(文档声明)中必须引用DTD，DTD规定了标记语言的规则，只有引用了它，浏览器才能正  确的呈现内容

2、DOCTYPE的作用

+ 告诉浏览器用什么文档类型来解析文档

3.HTML4.01和HTML5之间的差异

+  HTML4.01有三种文档声明(同xhtml的文档声明一样有三种：strict、transitional、frameset)，HTML5只有一种。

HTML4.01的三种文档声明：

+

+

+

五、浏览器的模式

1、标准模式和兼容模式(怪异模式)的区别：

+  标准模式下浏览器渲染页面有了统一的规范，兼容模式下不同浏览器有自己一套渲染页面的规范。

2、触发标准模式和兼容模式的方法：

2.1 浏览器以兼容模式渲染页面

+ 文档不指明doctype(没有写DOCTYPE或是DOCTYPE不是在第一行，DOCTYPE不在第一行浏览器会认为页面不具备DOCTYPE)

to be continued