HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

1.1.3 HTML 5的特点

本书将详细介绍HTML 4标准以及HTML5标准。在这里首先介绍HTML 5的一些相关知识。

HTML 5仍然是Web开发中的热门话题,大多数浏览器(Safari、Chrome、Firefox、IE和Opera)都支持HTML 5;许多开发者将HTML 5作为Web开发项目中的主要技术;一些互联网巨头,如Google、Facebook、Twitter和YouTube等,都将Web开发建立在HTML 5基础上。

相对于HTML 4,HTML 5建立了一些新的规则。

(1)新特性应该基于HTML、CSS、DOM以及JavaScript;

(2)减少对外部插件的需求(比如Flash);

(3)更优秀的错误处理能力;

(4)更多取代脚本的标记;

(5)HTML5应该独立于设备;

(6)开发进程应对公众透明。

相对于HTML4,HTML5提供了一些新的元素和属性,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整理,同时更好地帮助小屏幕装置和视障人士使用。除此之外,还为其他浏览要素提供了新的功能,如<audio>和<video>标记。HTML 5的重大改进如下所示。

(1)取消了一些过时的HTML 4标记。其中包括纯粹显示效果的标记,如<font>和<center>,这些标记已经被CSS取代。

HTML5吸取了XHTML2的一些优点,包括一些用来改善文档结构的功能,比如新的HTML标签header、footer、dialog、aside以及figure等的使用,使内容创作者更容易创建文档,之前实现这些功能一般都是使用DIV。

(2)将内容和展示分离。

虽然<b>标签和<i>标签依然保留,但它们的意义已经和之前有所不同—只是为了将一段文字标识出来,而不是为了设置加粗或斜体。<u>、<font>、<center>以及<strike>这些标签则被完全去掉了。

(3)新增表单输入对象。

HTML 5新增包括日期、URL以及E-mail地址等表单元素,另外还增加了对非拉丁字符的支持。总的来说,这些与结构有关的改进有助于创建更干净、更容易管理的网页,更有利于搜索。

(4)全新的、更合理的Tag。

多媒体对象将不再全部绑定在object或embed Tag中,而是新增了独立的视频标签和音频标签。

(5)本地数据库。

这个功能将内嵌一个本地的SQL数据库,以加速交互式搜索、缓存以及索引功能。同时,那些离线Web程序也将因此提升数据读取速度。

(6)canvas对象。

新增的canvas对象将带来直接在浏览器上面绘制矢量图的能力,这意味着用户可以脱离Flash和Silverlight,从而直接在浏览器中显示图形或动画。

(7)浏览器中的真正程序。

将提供API实现浏览器内的编辑、拖放,以及修改各种图形用户界面的能力。内容修饰标签则被剔除,转而使用CSS。

(8)HTML5将在很大程度上取代Flash在移动设备的地位。

随着HTML 5的不断完善,其新增的功能会更多。