給大家推薦一下學(xué)習(xí)研究HTML5必備的一些個(gè)網(wǎng)站，更加有利于大家對(duì)HTML5的學(xué)些和研究。如果各位童鞋還有更多的，歡迎投遞資源給我們，也可以支持我們，讓我們利用大家的力量收集更多的HTML5學(xué)習(xí)資料，讓我們的開(kāi)發(fā)者和HTML5的愛(ài)好者受益，利人利己的事，童鞋們多多益善啊！

0 . ?首先感謝廣大的HTML5愛(ài)好者為我們提建議，同時(shí)感謝 @呂康豪 和 @zibin 兩位讀者提供的修改建議，對(duì)于 www.w3school.com.cn ?和 http://w3fools.com/ 這兩個(gè)W3C標(biāo)準(zhǔn)的參考指南網(wǎng)站，給大家造成了分歧。前者是火狐和中國(guó)W3C協(xié)會(huì)聯(lián)合開(kāi)發(fā)的，后者是國(guó)際上的愛(ài)好者整理開(kāi)發(fā)的。相比而言，后者的參考只能更加權(quán)威，更加遵循W3C標(biāo)準(zhǔn)。

所指向的參考網(wǎng)址 http://www.w3schools.com

剛剛收到一條微博評(píng)論，說(shuō)道中文的問(wèn)題，畢竟還是有開(kāi)發(fā)者對(duì)英文網(wǎng)站的閱讀比較困難，在這里，給大家說(shuō)明一下，這個(gè)網(wǎng)站其實(shí)提供語(yǔ)言的選擇的。

點(diǎn)擊紅線上方的Translate鏈接，便可以選擇多達(dá)幾十種語(yǔ)言。方便了開(kāi)發(fā)者。同時(shí)提供的Demo演示更加詳細(xì)和形象。

推薦使用

?

1. ?http://www.w3school.com.cn/html5/index.asp （說(shuō)明：不推薦使用，存在多處沒(méi)有遵循W3C標(biāo)準(zhǔn)的描述）

介紹：W3C HTML5開(kāi)發(fā)者指南，學(xué)習(xí)HTML5的各種標(biāo)簽，查詢參考手冊(cè)。

2. ?http://html5demos.com/

介紹：HTMLDemos 可以插件HTML5標(biāo)簽在各瀏覽器的兼容性，同時(shí)你還可以查看各種HTML5的標(biāo)準(zhǔn)Demo演示。

3. ?http://www.apple.com/html5/

介紹：蘋(píng)果提供的HTML5演示站點(diǎn)，提供很多很絢麗的HTML5Demo演示

4.? http://html5test.com/

介紹：測(cè)試瀏覽器對(duì)HTML5的支持，并打分，可以知道你當(dāng)前的瀏覽器對(duì)HTML5的支持情況如何，各種標(biāo)簽和組件的支持情況。

5.? http://directguo.com/html5/

介紹：這是一個(gè)利用瀏覽器來(lái)播放幻燈片的HTML5站點(diǎn)，介紹了HTML5的發(fā)展和新的技術(shù)。展示了相當(dāng)多的Demo，如果你是HTML5的初學(xué)者，不妨先仔細(xì)瀏覽器一下這個(gè)網(wǎng)站。

以下再給大家介紹一些國(guó)外著名的HTML5網(wǎng)站和博客。

6.? http://blog.whatwg.org/

介紹：WHATWG博客是網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作小組（Web Hypertext Application Technology Working Group）的博客，就是負(fù)責(zé)HTML5規(guī)格的那群人。

7. ? http://diveintohtml5.org/

介紹：Dive Into HTML 5是從HTML5規(guī)格和其他標(biāo)準(zhǔn)中精心挑選并詳述其特征的一本書(shū)。

8.? http://html5doctor.com/

介紹：?HTML5醫(yī)生發(fā)表了許多文章，都是關(guān)于HTML5及其語(yǔ)義、及如何正確使用它的。他們也通過(guò)“詢問(wèn)醫(yī)生”收集了很多問(wèn)題，并在文章中予以回答，所有人都可從中受益。

9.? http://caniuse.com/

介紹：這是一個(gè)以表格制成的備忘單形式的單頁(yè)面，描述了HTML5、CSS3、SVG及其他未來(lái)網(wǎng)絡(luò)技術(shù)的特征。

10.? http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded/

介紹：這個(gè)備忘單就是一個(gè)簡(jiǎn)單的可視網(wǎng)格，包含了所有HTML5標(biāo)簽和相關(guān)的屬性。

11.? http://html5gallery.com/

介紹：HTML5畫(huà)廊有兩個(gè)主要目標(biāo)，一個(gè)是展示用HTML5布局的網(wǎng)站，我們可以從中看到別人如何理解HTML5規(guī)格和如何應(yīng)用它。第二是幫助學(xué)習(xí)HTML5、如何使用HTML5及如何應(yīng)用HTML5。

12 . http://www.html5rocks.com/en/

介紹：一個(gè)提供HTML5各種功能演示的網(wǎng)站，提供各種HTML5的顯示Demo。

13.? http://www.focus.com/images/view/11905/

介紹：這個(gè)網(wǎng)站詳細(xì)介紹了HTML5的各種新功能，新技術(shù)

14.? http://html5games.com/

介紹：這個(gè)網(wǎng)站提供了大量的HTML5游戲資源，喜歡HTML5游戲的童鞋們，可以千萬(wàn)別錯(cuò)過(guò)哦。

15.?http://diveintohtml5.org/

介紹：一個(gè)HTML 5的文檔資料網(wǎng)站，做得很出色。介紹的圖片全是用了涂鴉的方式，很直觀，很可愛(ài)的網(wǎng)站。

木屑文字小結(jié)： 今天就給大家推薦到這里，這15個(gè)網(wǎng)站，基本上可以算得上是HTML5學(xué)習(xí)研究的上上至寶了。如果你也有更好的HTML5網(wǎng)站推薦，歡迎登陸到網(wǎng)站投遞新聞。

HTML5學(xué)習(xí)必備的15權(quán)威網(wǎng)站