TML5 是對(duì) HTML 標(biāo)準(zhǔn)的第五次修訂,目前仍未完工。其主要的目標(biāo)是將互聯(lián)網(wǎng)語(yǔ)義化,以便更好地被人類和機(jī)器閱讀,并同時(shí)提供更好地支持各種媒體的嵌入。HTML5 的語(yǔ)法是向后兼容的。
但論及 HTML5 時(shí),大部分開(kāi)發(fā)者所指的并不僅僅是這個(gè)新標(biāo)準(zhǔn),而是(如 Jeremy Keith 說(shuō))
doing anything cool (on the web)
做這些“酷”的東西需要用到的技術(shù)和標(biāo)準(zhǔn),除了 HTML5 標(biāo)準(zhǔn)外,還包括 CSS3 的一些新屬性,以及一些新的 API。
WHATWG 在今年一月份宣布(至少對(duì)于 WHATWG 來(lái)說(shuō)),HTML5 將是 HTML 的最后一個(gè)版本號(hào),HTML 從此成為了一個(gè)不斷在更新和變化的活標(biāo)準(zhǔn)。
大家提到的都是非常好的資料,我這里再補(bǔ)充一些:
來(lái)自 W3C 的 HTML5 草案
http://www.w3.org/TR/html5/
來(lái)自 WHATWG 的文檔
http://www.whatwg.org/specs/web-apps/current-work/multipage/
Dive Into HTML5 - 許多泛 HTML5 技術(shù)的入門講解
http://diveintohtml5.org/
HTML is the new HTML5
http://blog.whatwg.org/html-is-the-new-html5
HTML的英文全稱為Hyper Text Markup Language,即超文本標(biāo)記語(yǔ)言。HTML5是HTML的一個(gè)新版本。HTML 不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言 (markup language)。
HTML5是萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言(HTML)的第五次重大修改。
HTML5特性
語(yǔ)義特性(Class:Semantic)
HTML5賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對(duì)RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。
本地存儲(chǔ)特性(Class: OFFLINE & STORAGE)
基于HTML5開(kāi)發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲(chǔ)功能。Indexed DB(html5本地存儲(chǔ)最重要的技術(shù)之一)和API說(shuō)明文檔。
設(shè)備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開(kāi)以來(lái),HTML5為網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開(kāi)放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián)。
連接特性(Class: CONNECTIVITY)
更有效的連接工作效率,使得基于頁(yè)面的實(shí)時(shí)聊天,更快速的網(wǎng)頁(yè)游戲體驗(yàn),更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù),Server-Sent Event和WebSockets就是其中的兩個(gè)特性,這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)“推送”到客戶端的功能。
網(wǎng)頁(yè)多媒體特性(Class: MULTIMEDIA)
支持網(wǎng)頁(yè)端的Audio、Video等多媒體功能, 與網(wǎng)站自帶的APPS,攝像頭,影音功能相得益彰。
三維、圖形及特效特性(Class: 3D, Graphics & Effects)
基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會(huì)驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺(jué)效果。
性能與集成特性(Class: Performance & Integration)
沒(méi)有用戶會(huì)永遠(yuǎn)等待你的Loading——HTML5會(huì)通過(guò)XMLHttpRequest2等技術(shù),解決以前的跨域等問(wèn)題,幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下,CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外,較之以前的Web排版,Web的開(kāi)放字體格式(WOFF)也提供了更高的靈活性和控制性。
---- 2011 年 12 月 13 日更新 ----
之前對(duì) WHATWG 和瀏覽器廠商關(guān)系的敘述有謬誤,已更正。更多關(guān)于 WHATWG 以及其成員組成的信息,參考 @呂康豪 的評(píng)論。
標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用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)合起來(lái),成立了一個(gè)叫做 Web Hypertext Application Technology Working Group (Web超文本應(yīng)用技術(shù)工作組 -WHATWG) 的組織。WHATWG 致力于 Web 表單和應(yīng)用程序,而W3C(World Wide Web Consortium,萬(wàn)維網(wǎng)聯(lián)盟) 專注于XHTML2.0。在 2006 年,雙方?jīng)Q定進(jìn)行合作,來(lái)創(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àn)維網(wǎng)聯(lián)盟(W3C)正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的HTML5規(guī)范已經(jīng)正式定稿。根據(jù)W3C的發(fā)言稿稱:“HTML5是開(kāi)放的Web網(wǎng)絡(luò)平臺(tái)的奠基石?!?/p>
2013年5月6日, HTML 5.1正式草案公布。該規(guī)范定義了第五次重大版本,第一次要修訂萬(wàn)維網(wǎng)的核心語(yǔ)言:超文本標(biāo)記語(yǔ)言(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等;國(guó)內(nèi)的遨游瀏覽器(Maxthon),以及基于IE或Chromium(Chrome的工程版或稱實(shí)驗(yàn)版)所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國(guó)產(chǎn)瀏覽器同樣具備支持HTML5的能力。
在移動(dòng)設(shè)備開(kāi)發(fā)HTML5應(yīng)用只有兩種方法,要不就是全使用HTML5的語(yǔ)法,要不就是僅使用JavaScript引擎。
JavaScript引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁(yè)游戲成為可能。由于界面層很復(fù)雜,已預(yù)訂了一個(gè)UI工具包去使用。
純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯(cuò)漏百出,但優(yōu)化后的效果會(huì)好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化,但依然可以去嘗試。
HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改。原先應(yīng)用的開(kāi)發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果,不斷地重復(fù)編碼、調(diào)試和運(yùn)行,這是首先得解決的一個(gè)問(wèn)題。因此也有許多手機(jī)雜志客戶端是基于HTML5標(biāo)準(zhǔn),開(kāi)發(fā)人員可以輕松調(diào)試修改。
HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標(biāo)準(zhǔn)。
HTML 的上一個(gè)版本誕生于 1999 年。自從那以后,Web 世界已經(jīng)經(jīng)歷了巨變。
HTML5 仍處于完善之中。然而,大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。
HTML5 是 W3C 與 WHATWG 合作的結(jié)果。
編者注:W3C 指 World Wide Web Consortium,萬(wàn)維網(wǎng)聯(lián)盟。
編者注:WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表單和應(yīng)用程序,而 W3C 專注于 XHTML 2.0。在 2006 年,雙方?jīng)Q定進(jìn)行合作,來(lái)創(chuàng)建一個(gè)新版本的 HTML。
為 HTML5 建立的一些規(guī)則:
Initializr 是制作 HTML5 網(wǎng)站最好的入門輔助開(kāi)發(fā)工具,你可以使用提供的特色模板快速生成網(wǎng)站,也可以自定義,Initializr 會(huì)為你生成代碼簡(jiǎn)潔的可定制的網(wǎng)頁(yè)模板。
→ 訪問(wèn)?Initializr
想知道你的瀏覽器是否支持 HTML5 Canvas 嗎?想知道 Safari 是否可以運(yùn)行簡(jiǎn)單的 HTML5 聊天客戶端嗎?HTML5demos 會(huì)告訴你每一個(gè)HTML5特性在哪些瀏覽器中支持。
→ 訪問(wèn)?HTML5 Demos
想了解 HTML5的最新動(dòng)向嗎? 使用 HTML5 Tracker 吧,它可以跟蹤 HTML5 最新修訂信息。
→ 訪問(wèn)?HTML5 Tracker
想要快速超找一個(gè)標(biāo)簽或者屬性嗎?看看這個(gè)非??岬乃俨槭謨?cè)吧,每個(gè)Web開(kāi)發(fā)人員的必備。
→ 訪問(wèn)?HTML5 visual cheat sheet
Switch To HTML5 是一個(gè)基礎(chǔ)而實(shí)用的模板生成工具。如果你開(kāi)始一個(gè)新項(xiàng)目,可以到這里獲取免費(fèi)的 HTML5 網(wǎng)站模板。
→ 訪問(wèn)?Switch To HTML5
HTML5 中的日歷,取色板,滑塊部件等都是非常棒工具,但是有些瀏覽器不支持。這個(gè)頁(yè)面將幫助你構(gòu)建完美的HTML5表單兼容方案。
→ 訪問(wèn)?Cross browser HTML5 forms
你瀏覽器準(zhǔn)備好迎接 HTML5 革命了嗎?HTML5 Test 將告訴你。這個(gè)網(wǎng)站會(huì)為你當(dāng)前使用的瀏覽器生成一份對(duì)video、audio、canvas等等特性的支持情況的完整報(bào)告。
→ 訪問(wèn)?HTML5 Test
Canvas 元素是 HTML5 最重要的元素之一,它可以在網(wǎng)頁(yè)中繪制圖形,非常強(qiáng)大。這是一個(gè) Canvas 元素的詳細(xì)速查手冊(cè)。
→ 訪問(wèn)?HTML5 Canvas cheat sheet
2. Adobe Edge
Adobe Edge是一個(gè)用HTML5、CSS、Java開(kāi)發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。它的一個(gè)重要功能是web工具包界面,用于方便確保在不同瀏覽器中架構(gòu)的一致性,此外,Adobe Edge還將整合TypeKit這樣的字體服務(wù)。通過(guò)Edge設(shè)計(jì)的內(nèi)容可以兼容iOS和Android設(shè)備,也可以運(yùn)行在火狐、Chrome、Safari和IE9等主流瀏覽器上。
3. DevExtreme
DevExtreme Complete Subion是性能最優(yōu)的HTML5,CSS和Java移動(dòng)開(kāi)發(fā)框架,可以直接在Visual Studio集成開(kāi)發(fā)環(huán)境,構(gòu)建iOS,Android,Tizen和Windows Phone 8應(yīng)用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個(gè)原生UI組件,并且提供源代碼。目前,DevExtreme支持VS2010/2012/2013集成開(kāi)發(fā)環(huán)境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動(dòng)平臺(tái),是Visual Studio開(kāi)發(fā)人員開(kāi)發(fā)跨平臺(tái)移動(dòng)產(chǎn)品的首選工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款Java 開(kāi)發(fā)工具。被廣大中國(guó)JS開(kāi)發(fā)者譽(yù)為“Web前端開(kāi)發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaS IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。
5. Sencha Architect
在開(kāi)發(fā)移動(dòng)和桌面應(yīng)用的工具中,Sencha的定位是HTML5可視化應(yīng)用開(kāi)發(fā)。開(kāi)發(fā)團(tuán)隊(duì)可以在一個(gè)單一集成的環(huán)境中完成應(yīng)用的設(shè)計(jì)、開(kāi)發(fā)和部署。開(kāi)發(fā)者還可以開(kāi)發(fā)Sencha Touch2和Ext JS4 Java應(yīng)用,并實(shí)時(shí)預(yù)覽。