早在幾個星期前，Adobe就發布了Dreamweaver CS5 html5 Pack的預覽版下載。眾所周知，html5在互聯網領域掀起了一場大論戰，并讓Adobe的日子很難熬。html5致力于為前端開發提供全面的標記語 言。以下30多個資源可幫你開始學習html5。
html5code.net' title='html5模板網'>Blowing up html5 video and mapping it into 3D space（將html5視頻吹散并組成3D效果）最近我研究了HTML 5中的Canvas 和Video 標簽，并發現了一些很酷的特性。其中之一就是Canvas.drawImage() api。此為詳細介紹。
html5code.net' title='html5模板網'>Code a Backwards Compatible, One Page Portfolio with html5 and CSS3（用html5 和CSS3 打造向下兼容的網頁）html5更加語義化，使用html5 我們不必在網頁上布滿沒有意義的div。它引入了有意義的tag，比如 navigations 和 footers 使代碼更有意義也更接近自然語言。
html5code.net' title='html5模板網'>Coding A HTML 5 Layout From Scratch（HTML 5 布局）
這篇文章將教你
html5code.net' title='html5模板網'>Coding a CSS3 and html5 One Page Website Template（制作CSS3和 html5 一頁式站點模板）這篇文章介紹了如何利用CSS3 和jQuery的新特性制作html5 網頁模版。 html5 仍在完善當中，你也可以選擇性的下載XHTML版。
html5code.net' title='html5模板網'>Comprehensive video tutorial on html5（全面的html5視頻指南）這 是一個叫Brad Neuberg的工程師制作的html5教學視頻。
html5code.net' title='html5模板網'>Create modern Web sites using html5 and CSS3（用html5與CSS3打造時尚站點）這篇文章介紹了許多html5的功能和語法及API，還有CSS3的新的選擇器，效果和特性。最 后， 還將教你如何利用這些新特性開發一個網頁。當你讀完這篇文章，你就能用html5和CSS3開發一個自己的站點啦。
html5code.net' title='html5模板網'>Designing a blog with html5（用html5設計博客）許多html5 特性要結合JavaScript API一起使用，以增加網頁的互動性。但仍有一些新元素可讓傳統的Web1.0頁面更加語義化。為了學習這些，我們來看怎樣建立一個博客。
html5code.net' title='html5模板網'>Designing for the Future with html5 and CSS3 : Tutorials and Best Practices（為未來設計：HTML 5 和 CSS3 指南與最佳案例）這篇文章將介紹用 html5和CSS3搭建的幾個最佳站點。
html5code.net' title='html5模板網'>Design and Code a Cool iPhone App Website in html5（用html5設計和實現一個超酷 iPhone App 網站）
html5code.net' title='html5模板網'>Have a Field Day with html5 Forms（建立HTML 5表格）這篇文站將教你 如果用HTML 5 和高級CSS技術與最新的CSS3技術建立一個漂亮的表格。
html5code.net' title='html5模板網'>How To Create A Nice Blog Design Touching The Future(不用photoshop，完成網頁設計)
html5code.net' title='html5模板網'>How to Make All Browsers Render html5 Mark-up Correctly – Even IE6（怎樣讓所有瀏覽器都渲染html5標記——即使是IE6）這篇文章將教你如何用JavaScript和CSS，使 html5頁面向下兼容，即使是IE6也不例外。
html5code.net' title='html5模板網'>How to Make an html5 iPhone App（制作html5 iPhone 應用）這是 一篇針對iPhone的指導，但是許多技術也可用在兼容html5的手機瀏覽器上。
html5code.net' title='html5模板網'>HTML 5 and CSS 3: The Techniques You’ll Soon Be Using（HTML 5 和CSS 3：你將用到的技術）這篇文章使用HTML 5和CSS 3 搭建博客頁面。如果你已經熟悉html 和CSS，將很容易跟上。
html5code.net' title='html5模板網'>html5 for Beginners. Use it now, its easy!（HTML 5初學指南）給 所有具有基礎HTML知識的初學者的HTML 5 入門指南
html5code.net' title='html5模板網'>html5 Presentation這篇文章介紹了html5 的發展歷史和它的基本特性
html5code.net' title='html5模板網'>html5 Tutorial – Getting Started（HTML 5 入門指導）
html5code.net' title='html5模板網'>How to Build Web Pages With HTML 5（怎樣建立HTML 5網頁）
html5code.net' title='html5模板網'>Simple Website Layout Tutorial Using HTML 5 and CSS 3（html5和CSS3布局指南）html5最令人期待的新標簽包括<header>, <footer>, <aside>, <nav>, <audio>，同時它還包括畫圖，線下存儲數據，拖放等API。頁面布局將會更易理解。這里將介紹一個最簡單的HTML 5 布局頁面，用CSS3 設置樣式。最終結果如下
html5code.net' title='html5模板網'>Structural Tags in html5（HTML 5 結構標簽）html5 有許多標簽幫助網頁結構化，這能省去以網頁中許多div
html5code.net' title='html5模板網'>html5 Boilerplates（HTML 5模板）此文介紹了一些你能拿來就用的html5 模板文件
html5code.net' title='html5模板網'>HTML 5 canvas – the basics（HTML 5 基礎——Canvas）對HTML 5 Canvas使用方法的全面指導
html5code.net' title='html5模板網'>HTML 5 Tutorials（HTML 5 指南）
html5code.net' title='html5模板網'>Implementing html5 Drag and Drop: New Premium Tutorial（HTML 5 拖放）html5 的一個新特性就是拖放，不過IE早在5.5時代就支持拖放了，而HTML 5 的拖放也是基于IE的。本例將教你如果用拖放實現一個簡單的購物車界面。
html5code.net' title='html5模板網'>Preview of HTML 5這是一篇比較老的文章，介紹了html5的特性和優點。
html5code.net' title='html5模板網'>The HTML 5 Canvas For Flash Developers : Drawing（HTML 5 Canvas 的畫圖功能）
html5code.net' title='html5模板網'>The Power of HTML 5 and CSS 3介紹了HTML 5 與CSS3能創造的各種效果。
html5code.net' title='html5模板網'>View Source Tutorial: Sticky Notes With html5 and CSS3（html5 和CSS3 打造便利貼效果）
html5code.net' title='html5模板網'>webOS html5 Database Storage Tutorial（webOS html5 數據存儲指南）html5 的本地存儲功能將使數據存儲十分簡便。
html5code.net' title='html5模板網'>Yes, You Can Use HTML 5 Today!本文介紹了一些現已被支持的HTML 5 特性，對初學者十分有用。