HTML5理论实践与练习(一)

2014年10月29日，w3c宣布，经过接近8年的艰苦努力，html5标准规范终于制定完成。

html5将会取代1999年制定的html 4.01、xhtml 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。

这是一个html5制作的火焰动画特效：

<a href="http://hovertree.com/texiao/html5/26/" target="_blank">http://hovertree.com/texiao/html5/26/</a>

效果图如下：

该效果在html5之前一般使用flash实现，现在使用html5实现，浏览器已经原生支持，不需要flash等插件。

作为“年长”的web开发者，可以说一步一步见证着html5的发展。这些年为了兼容ie6放弃了很多html5的新特性。但是今时不同以往，移动设备的流行，天然支持html5，以及桌面端ie最终被用户和微软唾弃，更多支持html5浏览器的受欢迎，我要重新研究一下html5带来的这些新特性。

练习题目：

html5 之前的 html 版本是？

a.html 4.01

b.html 4

c.html 4.1

d.html 4.9

<a href="http://hovertree.com/shortanswer/bjae/kigbklfy.htm" target="_blank">http://hovertree.com/shortanswer/bjae/kigbklfy.htm</a>

html5 的新特性

① 语义特性（semantic）

html5赋予网页更好的意义和结构。

② 本地存储特性（offline &amp; storage）

基于html5开发的网页app拥有更短的启动时间，更快的联网速度，这些全得益于html5 app cache，以及本地存储功能。

③ 设备访问特性 (device access)

从geolocation功能的api文档公开以来，html5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。html5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

④ 连接特性（connectivity）

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。html5拥有更有效的服务器推送技术，server-sent event和websockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

⑤ 网页多媒体特性(multimedia)

支持网页端的audio、video等多媒体功能， 与网站自带的apps，摄像头，影音功能相得益彰。

⑥ 三维、图形及特效特性（3d, graphics &amp; effects）

基于svg、canvas、webgl及css3的3d功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。

⑦ 性能与集成特性（performance &amp; integration）

没有用户会永远等待你的loading——html5会通过xmlhttprequest2等技术，解决以前的跨域等问题，帮助您的web应用和网站在多样化的环境中更快速的工作。

⑧ css3

随着web 2.0的出现和发展，以往的css已经无法完全满足现今页面的交互等需求，css3应运而生了。