HTML5簡介及優(yōu)點(diǎn)
文章出處:http://hlpi.cn 作者:興邦開發(fā)部
HTML5簡介及優(yōu)點(diǎn)
HTML標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01后,,后繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣,為了推動(dòng)Web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展,,一些公司聯(lián)合起來,,成立了一個(gè)叫做 Web Hypertext Application Technology Working Group (Web超文本應(yīng)用技術(shù)工作組 -WHATWG) 的組織。WHATWG 致力于 Web 表單和應(yīng)用程序,,而W3C(World Wide Web Consortium,,萬維網(wǎng)聯(lián)盟) 專注于XHTML2.0。在 2006 年,,雙方?jīng)Q定進(jìn)行合作,,來創(chuàng)建一個(gè)新版本的 HTML。
HTML5草案的前身名為 Web Applications 1.0,,于2004年被WHATWG提出,,于2007年被W3C接納,并成立了新的 HTML 工作團(tuán)隊(duì),。
HTML 5 的第一份正式草案已于2008年1月22日公布,。HTML5 仍處于完善之中。然而,,大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持,。
2012年12月17日,萬維網(wǎng)聯(lián)盟(W3C)正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的HTML5規(guī)范已經(jīng)正式定稿,。根據(jù)W3C的發(fā)言稿稱:“HTML5是開放的Web網(wǎng)絡(luò)平臺(tái)的奠基石,。”
2013年5月6日, HTML 5.1 正式草案公布,。該規(guī)范定義了第五次重大版本,第一次要修訂萬維網(wǎng)的核心語言:超文本標(biāo)記語言(HTML),。在這個(gè)版本中,,新功能不斷推出,以幫助Web應(yīng)用程序的作者,,努力提高新元素互操作性,。
本次草案的發(fā)布,從2012年12月27日至今,,進(jìn)行了多達(dá)近百項(xiàng)的修改,,包括HTML和XHTML的標(biāo)簽,相關(guān)的API,、Canvas等,,同時(shí)HTML5的圖像img標(biāo)簽及svg也進(jìn)行了改進(jìn),,性能得到進(jìn)一步提升。
支持Html5的瀏覽器包括Firefox(火狐瀏覽器),,IE9及其更高版本,,Chrome(谷歌瀏覽器),Safari,,Opera等,;國內(nèi)的傲游瀏覽器(Maxthon),以及基于IE或Chromium(Chrome的工程版或稱實(shí)驗(yàn)版)所推出的360瀏覽器,、搜狗瀏覽器,、QQ瀏覽器、獵豹瀏覽器等國產(chǎn)瀏覽器同樣具備支持HTML5的能力,。
優(yōu)點(diǎn):
1.網(wǎng)絡(luò)標(biāo)準(zhǔn)
HTML5本身是由W3C推薦出來的,,它的開發(fā)是通過谷歌、蘋果,,諾基亞,、中國移動(dòng)等幾百家公司一起醞釀的技術(shù),這個(gè)技術(shù)最大的好處在于它是一個(gè)公開的技術(shù),。換句話說,,每一個(gè)公開的標(biāo)準(zhǔn)都可以根據(jù)W3C的資料庫找尋根源。另一方面,,W3C通過的HTML5標(biāo)準(zhǔn)也就意味著每一個(gè)瀏覽器或每一個(gè)平臺(tái)都會(huì)去實(shí)現(xiàn),。
2.多設(shè)備跨平臺(tái)
用HTML5的優(yōu)點(diǎn)主要在于,這個(gè)技術(shù)可以進(jìn)行跨平臺(tái)的使用,。比如你開發(fā)了一款HTML5的游戲,,你可以很輕易地移植到UC的開放平臺(tái)、Opera的游戲中心,、Facebook應(yīng)用平臺(tái),,甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上,所以它的跨平臺(tái)非常強(qiáng)大,,也是大多數(shù)人對(duì)HTML5有興趣的主要原因,。
自適應(yīng)網(wǎng)頁設(shè)計(jì)
很早就有人設(shè)想,能不能”一次設(shè)計(jì),,普遍適用”,,讓同一張網(wǎng)頁自動(dòng)適應(yīng)不同大小的屏幕,根據(jù)屏幕寬度,,自動(dòng)調(diào)整布局(layout),?
2010年,Ethan Marcotte提出了”自適應(yīng)網(wǎng)頁設(shè)計(jì)“這個(gè)名詞,,指可以自動(dòng)識(shí)別屏幕寬度,、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì),。
這就解決了傳統(tǒng)的一種局面——網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁,比如專門提供一個(gè)mobile版本,,或者iPhone / iPad版本,。這樣做固然保證了效果,但是比較麻煩,,同時(shí)要維護(hù)好幾個(gè)版本,,而且如果一個(gè)網(wǎng)站有多個(gè)portal(入口),會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度,。
3.即時(shí)更新
游戲客戶端每次都要更新,,很麻煩??墒歉翲TML5游戲就好像更新頁面一樣,,是馬上的、即時(shí)的更新,。
總結(jié)概括HTML5有以下優(yōu)點(diǎn):
1,、提高可用性和改進(jìn)用戶的友好體驗(yàn);
2,、有幾個(gè)新的標(biāo)簽,,這將有助于開發(fā)人員定義重要的內(nèi)容;
3,、可以給站點(diǎn)帶來更多的多媒體元素(視頻和音頻),;
4、可以很好的替代FLASH和Silverlight,;
5,、當(dāng)涉及到網(wǎng)站的抓取和索引的時(shí)候,對(duì)于SEO很友好,;
6,、將被大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲