精選13個HTML5學習必備網站

選13個HTML5學習必備網站

Tim.D? 少先隊科技產品經理 5小時前

給大家推薦一下學習研究HTML5必備的一些個網站，更加有利于大家對html5的學些和研究。

1. W3C HTML 5 權威教程，學習HTML5的各種標簽，查詢參考手冊。

2. HTMLDemos可以插件HTML5標簽在各瀏覽器的兼容性，同時你還可以查看各種HTML5的標準Demo演示。

3. 蘋果提供的HTML5演示站點，提供很多很絢麗的HTML5Demo。鏈接

4. 測試瀏覽器對HTML5的支持，并打分，可以知道你當前的瀏覽器對HTML5的支持情況如何，各種標簽和組件的支持情況。鏈接

5.360的HTML5基地。鏈接

6. WHATWG博客是網絡超文本應用技術工作小組（Web Hypertext Application Technology Working Group）的博客。鏈接

7. HTML5醫生發表了許多文章，都是關于HTML5及其語義、及如何正確使用它的。他們也通過“詢問醫生”收集了很多問題，并在文章中予以回答，所有人都可從中受益。鏈接

8. 這是一個以表格制成的備忘單形式的單頁面，描述了HTML5、CSS3、SVG及其他未來網絡技術的特征。鏈接

9. 這個備忘單就是一個簡單的可視網格，包含了所有HTML5標簽和相關的屬性。鏈接

10 .一個提供HTML5各種功能演示的網站，提供各種HTML5的顯示Demo。鏈接

11. 這個網站提供了大量的HTML5游戲資源，喜歡HTML5游戲的童鞋們，可以千萬別錯過哦。鏈接

12. 一個HTML 5的文檔資料網站，做得很出色。介紹的圖片全是用了涂鴉的方式，很直觀，很可愛的網站。鏈接

13.h5之家（中文學習園地）。鏈接

今天就給大家推薦到這里，這15個網站，基本上可以算得上是HTML5學習研究的上上至寶了。如果你也有更好的HTML5網站推薦，歡迎評論并留下網址信息，方便整理。

出于對PMCAFF用戶的尊重，任何在PMCAFF產品經理社區發布的內容，在未經允許的情況下，不得在任何平臺被直接或間接發布使用或被用于其他任何商業目的。如有違反上述聲明者本網站將追究其相關法律責任。

微信公眾號：pmcaffcom

投稿郵箱：tougao@pmcaff.com

Greated by PMCAFF產品經理社區 - www.pmcaff.com

論你是專門做研發的還是業余興趣，學習HTML5都是一個很好的自我增值。只要對HTML5充滿興趣，學習并不是一件難事。網上有很多讓人眼花繚亂的HTML5培訓課程，免費的課程不夠系統，收費的課程水太深，一不小心就會被坑。如果大家想系統地學習HTML5技術，小編給大家推薦幾個網站。

HTML5基礎知識

W3C

全稱“W3School”，簡直是學習網站中的“戰斗機”，每一節都有學生時代老師般的“板書”，豐富的實例展示，還有工具書、小測驗等提升工具，私教般的存在！

Dive into HTML5

這個網站幾乎都是關于HTML5的文檔，講一些很基礎的知識，簡潔清新。如果想學習HTML5的同時提高英語閱讀能力，這個網站是極好的。類似的英文網站還有woorkup。

如果英語不好，小編只能幫你到這了。

h5之家

除了豐富且與時俱進的教程，這個網站還有很多關于HTML5業界的獨特見解，閑暇時候看看，拓展知識又能在人前裝X，這樣的網站哪里找！

HTML5案例網站

HTML5xCSS3

擁有超豐富的HTML5案例和模板，隨便點開一個案例都好看到讓人震驚。里面的全部都是HTML5響應式網站喲！

360html5基地

350旗下的HTML5作品展示網站，大部分是HTML5游戲展示，可愛有趣。比如打開一個割繩子的HTML5展示：

HTML5 games

相對360來說更豐富的HTML5游戲資源，玩著玩著技能激發設計靈感呢！

HTML5技術網站

whatwg

網絡超文本應用技術工作小組（Web Hypertext Application Technology Working Group）的博客，里面一些文章能讓人受益匪淺。

HTML5醫生

一些關于html5語義及如何使用它們的文章，醫生會定時回答網友們的問題。

HTML5中國

一個真的能手把手教你6小時做一個HTML5坦克大戰游戲的網站，還有各類HTML5的資訊、溝通交流論壇等。

HTML5技術網

一個充滿干貨的網站！你想要的不想要的，這里全都有！

HTML5測試網站

HTMLDemos

測試HTML5標簽在各瀏覽器的兼容性，還能查看各種HTML5的標準Demo演示。

html5test

能為瀏覽器對HTML5的兼容性打分，可以知道你當前的瀏覽器對HTML5的支持情況如何，各種標簽和組件的支持情況。

當然，光看網站有的小伙伴會覺得沒有方向感，不妨結合教科書來個系統的學習。入門級必備兩本教材《Head first HTML&CSS》和《JavaScript DOM編程藝術》，看書再結合網站學習，相信不久你就會成為HTML5大神啦！

如果你學習HTML5技術不是出于興趣，而是出于某些“大家都懂的”原因，其實不必苦苦拿著教材鉆研，我們可以從能最快捷地解決問題出發。比如需要制作微信HTML5頁面的，可以用網上如易企秀、maka這類的免費平臺，如果是制作HTML5網站，不妨選擇建站寶盒這種自助建站工具，完全不涉及打碼，每一個互聯網人都能用它制作出炫酷多彩的網站。http://www.iisp.com/design/?s=yuqiuping

不積跬步，無以至千里。千里之行，始于足下。從現在開始，每天給自己20分鐘了解HTML5技術，你會發現其實編程也挺有趣的。

薦幾個個人精美網站響應式html5網站模板

黑色簡單的個人寫作博客網站模板html下載

http://www.17sucai.com/pins/21842.html

寫作模板

二：簡潔的木莊網絡博客html5響應式模板

http://www.17sucai.com/pins/demoshow/21669

網絡博客

精仿jquery插件庫響應式個人博客網站整站模板

http://www.17sucai.com/pins/20907.html

精仿模板

簡潔的圖片博客網站html5模板下載

http://www.17sucai.com/pins/20006.html

圖片模板

bootstrap響應式個人社區空間網站模板下載

http://www.17sucai.com/pins/15661.html

社區模板

黑色寬屏的個人相冊圖片博客模板

http://www.17sucai.com/pins/13234.html

相冊模板

在線咨詢

上一篇：第75節 Canvas繪圖（上）-前端開發之JavaScript-王唯
下一篇：html5常見的音視頻格式和解決方案

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

精選13個HTML5學習必備網站

選13個HTML5學習必備網站

您的項目需求