9.0 第9章 jQuery Mobile 9.1 HTML 5简介

第9章 jQuery Mobile

Web 2.0带来的丰富互联网技术让所有人都享受到了技术发展和用户体验进步的乐趣。作为下一代互联网标准—HTML 5自然也是备受期待和瞩目，HTML 5已成为互联网爱好者们茶余饭后的话题。那么HTML 5到底是什么，它有哪些特性，它未来的发展方向在哪里？

9.1 HTML 5简介

HTML 5的前身名为Web Applications 1.0。于2004年被WHATWG（WebHypertext Application Techonlogy Working Group, Web超文本应用技术工作组）提出，2007年被W3C采纳，并被转变为HTML 5规范的第一个草案。HTML 5已经得到大多数现代浏览器的支持。

谈到Web设计，我们经常把Web分为三个层：
（1）结构层；（2）表现层；（3）行为层。

它们对应的技术，分别是：
（1）HTML；（2）CSS；（3）JavaScript。

随着HTML 5的到来，这三层的内容已经发生变化。在结构层中，HTML 5添加了新的标记，例如：<header>，<article>和<footer>等。HTML 5还提供了媒体元素，例如：<audio>，<video>和<canvas>等。HTML 5中表单元素也得到了加强，新增了进度条、滑动条和颜色拾取器等，同时，表单验证方面也可以用浏览器内置的验证。

在行为层方面，HTML 5为每个新的元素规定了新的交互方式以及API。例如，我们可以自定义<video>元素，让其播放和暂停视频动画等。可以使用<canvas>绘制各种图形。而在HTML 5之前，想要直接在网页上进行直接绘图是不能轻易完成的，即使是最简单的几何图形也不可以，多数交互只是保存和点击。在HTML 5之前，如果希望能够跟图片进行更多的操作或者在浏览器当中画出图形，需要Flash这类插件来帮忙。

不仅是结构和行为发生变化，表现层也同样得到了改进。CSS 3新增了很多模块，比如，高级选择器、渐变、圆角还有动画等。而在HTML 5之前，这些工作需要编写脚本才能实现效果。

HTML 5的改变不仅仅是这些，在浏览器的JavaScript API方面也做了不少改进。以前我们可以用cookie和window之类的API，而新的JavaScript API增加了很多模块，比如Geolocation，Storage和WebSocket等。

HTML 5还有很多令人心动的特性和新功能，限于篇幅无法一一举出，但我对于HTML 5的前景还是非常看好的，毕竟丰富Web应用的大势已经掀起，让我们共同期待HTML 5的降临。