HTML 5漫談-02-HTML5帶來的變化
首先看一段HTML4中常見的JavaScript代碼:
在HTML5中同樣的頁面會是怎樣的代碼呈現呢?

原本在HMTL4中一些需要借助于JavaScript實現的功能,被HTML 5的新屬性所取代。
在HTML4中,通常會使用div標簽完成頁面的布局,通過div的id屬性和class屬性來區別每一部分div的語義。

同樣的頁面結構,在HTML5中是如何實現的呢?

HTML4中用于頁面布局的div,被HTML 5中增加的一些帶有語義的標簽所取代。這樣不但使頁面結構更加清晰,而且有利于搜索引擎解析頁面。本質上來講,header、footer這樣的標簽就是命名的div。此外HTML 5更加強調文檔結構與呈現相分離。例如, b標簽在HTML 4中會只是瀏覽器以粗體顯示其中的內容,而HTML 5不再提倡這種純粹用于呈現的標簽,轉而用CSS來負責呈現。
HTML 5的另一大改進就是支持在瀏覽器中直接播放音頻和視頻文件。請注意是“直接”,這意味著不需要任何插件。這可以看作是W3C對于插件泛濫的一種反應。原生的(native)多媒體支持再結HTML的其它特性,可以大有作為。
在HTML 5新增的元素中,canvas可謂震撼。canvas提供了一個通用的繪圖平面,開發人員可以用它完成一些通常要用Adobe Flash來完成的任務。此外,因為canvas必須要用到JavaScript,從而編程成了HTML文檔中第一層次的事情,這是一個重大的轉變。
----------------------------------
把人做到寬容,把技術做到強悍。
posted on 2017-01-04 11:33 OldBoy 閱讀(111) 評論(0) 編輯 收藏 所屬分類: HTML5