42个非常实用的 HTML5 开发教程和学习资源

     如今，随着主流浏览器对 HTML5 的不断支持和完善，越来越多的开发者开始使用    <strong>HTML5</strong> 来开发各种功能强大的Web应用程序，HTML5 正引领互联网新革命。为了方便大家更好的学习 HTML5 ，今天这篇文章向大家分享42个非常有用的    <strong>HTML5</strong> 开发教程和速查手册。    <h3>1. <a href="/misc/goto?guid=4958326951144267559" target="_blank">Code a Portfolio with HTML5 and CSS3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326951144267559" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>2. <a href="/misc/goto?guid=4958195604683115898" target="_blank">Slick login form with HTML5 & CSS3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958195604683115898" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Slick login form with HTML5 & CSS3" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>3. <a href="/misc/goto?guid=4958198997874815435" target="_blank">Create a stylish HTML5 template from scratch</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958198997874815435" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Create a stylish HTML5 template from scratch" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>4. <a href="/misc/goto?guid=4958317328519636707" target="_blank">Code a Vibrant Professional Web Design with HTML5/CSS3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958317328519636707" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Code a Vibrant Professional Web Design with HTML5/CSS3" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>5. <a href="/misc/goto?guid=4958326957104298787" target="_blank">Coding a CSS3 & HTML5 One-Page Website Template</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326957104298787" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Coding a CSS3 & HTML5 One-Page Website Template" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>6. <a href="/misc/goto?guid=4958199646070809852" target="_blank">Create An Elegant Website With HTML 5 And CSS3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958199646070809852" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Create An Elegant Website With HTML 5 And CSS3" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>7. <a href="/misc/goto?guid=4958200736204151797" target="_blank">Tutorial: Case Study with Html5 + CSS3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958200736204151797" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Tutorial: Case Study with Html5 + CSS3" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>8. <a href="/misc/goto?guid=4958198981890589251" target="_blank">Create a Grid Based Web Design in HTML5 & CSS3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958198981890589251" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Create a Grid Based Web Design in HTML5 & CSS3" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>9. <a href="/misc/goto?guid=4958183433132682899" target="_blank">Create a Stylish Contact Form with HTML5 & CSS3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958183433132682899" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Create a Stylish Contact Form with HTML5 & CSS3" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>10. <a href="/misc/goto?guid=4958326964531185701" target="_blank">Coding A HTML 5 Layout From Scratch</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326964531185701" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Coding A HTML 5 Layout From Scratch" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>11. <a href="/misc/goto?guid=4958326966060699991" target="_blank">Design & Code a Cool iPhone App Website in HTML5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326966060699991" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Design & Code a Cool iPhone App Website in HTML5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>12. <a href="/misc/goto?guid=4958326967594264318" target="_blank">Designing a blog with html5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326967594264318" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Designing a blog with html5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>13. <a href="/misc/goto?guid=4958199651695939059" target="_blank">How to Make an HTML5 iPhone App</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958199651695939059" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="How to Make an HTML5 iPhone App" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>14. <a href="/misc/goto?guid=4958199000812164796" target="_blank">Making Forms Fabulous with HTML5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958199000812164796" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Making Forms Fabulous with HTML5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>15. <a href="/misc/goto?guid=4958183434540833297" target="_blank">How to Build Cross-Browser HTML5 Forms</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958183434540833297" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="How to Build Cross-Browser HTML5 Forms " src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>16. <a href="/misc/goto?guid=4958326973541283487" target="_blank">HTML5 Tutorial – Getting Started</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326973541283487" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML5 Tutorial – Getting Started" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>17. <a href="/misc/goto?guid=4958199647482368224" target="_blank">Simple Website Layout Tutorial Using HTML 5 and CSS 3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958199647482368224" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Simple Website Layout Tutorial Using HTML 5 and CSS 3" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>18. <a href="/misc/goto?guid=4958326976546237209" target="_blank">Build a HTML5/CSS3 Website Layout Without Images – Part 1</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326976546237209" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Build a HTML5/CSS3 Website Layout Without Images – Part 1" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>19. <a href="/misc/goto?guid=4958326978084444554" target="_blank">Building Web Pages With HTML 5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326978084444554" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Building Web Pages With HTML 5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>20. <a href="/misc/goto?guid=4958326979606377058" target="_blank">Add Semantic Value to Your Pages With HTML 5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326979606377058" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Add Semantic Value to Your Pages With HTML 5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>21. <a href="/misc/goto?guid=4958326981135287974" target="_blank">Embed Audio and Video in HTML 5 Pages</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326981135287974" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Embed Audio and Video in HTML 5 Pages" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>22. <a href="/misc/goto?guid=4958326982668469233" target="_blank">HTML5 and CSS3 in Dreamweaver CS5.5 – Part 1: Building the web page</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326982668469233" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML5 and CSS3 in Dreamweaver CS5.5 – Part 1: Building the web page " src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>23. <a href="/misc/goto?guid=4958326984200786156" target="_blank">Create a Responsive Web Design Template</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326984200786156" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Create a Responsive Web Design Template" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>24. <a href="/misc/goto?guid=4958326985719965371" target="_blank">A practical guide to building websites with HTML5 & CSS3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326985719965371" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="A practical guide to building websites with HTML5 & CSS3 " src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>25. <a href="/misc/goto?guid=4958183444452582513" target="_blank">HTML5 & CSS3 envelope contact form</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958183444452582513" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML5 & CSS3 envelope contact form" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>26. <a href="/misc/goto?guid=4958326988738498333" target="_blank">How to Draw with HTML 5 Canvas</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326988738498333" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="How to Draw with HTML 5 Canvas" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>27. <a href="/misc/goto?guid=4958326990274627059" target="_blank">HTML 5 Canvas Tutorial</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326990274627059" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML 5 Canvas Tutorial" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>28. <a href="/misc/goto?guid=4958199014059077604" target="_blank">Learning the basics of HTML5 canvas</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958199014059077604" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Learning the basics of HTML5 canvas" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>29. <a href="/misc/goto?guid=4958326993260076068" target="_blank">JavaScript Face Detection + Canvas + Video = HTML5 Glasses!</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326993260076068" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="JavaScript Face Detection + Canvas + Video = HTML5 Glasses!" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3 class="third_title">HTML5 文章和资源</h3>    <h3>30. <a href="/misc/goto?guid=4958326994776137734" target="_blank">Semantics in HTML 5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326994776137734" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Semantics in HTML 5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>31. <a href="/misc/goto?guid=4958326996306838524" target="_blank">Get Ready for HTML 5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326996306838524" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Get Ready for HTML 5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>32. <a href="/misc/goto?guid=4958326997835600439" target="_blank">A Preview of HTML 5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326997835600439" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="A Preview of HTML 5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>33. <a href="/misc/goto?guid=4958326999368910031" target="_blank">Steve Smith on HTML5 and CSS3</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958326999368910031" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Steve Smith on HTML5 and CSS3" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>34. <a href="/misc/goto?guid=4958327000900095541" target="_blank">The Future of HTML 5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958327000900095541" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="The Future of HTML 5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>35. <a href="/misc/goto?guid=4958191193409561768" target="_blank">HTML5 Boilerplate</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958191193409561768" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML5 Boilerplate" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>36. <a href="/misc/goto?guid=4958185645036266141" target="_blank">Initializr 2</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958185645036266141" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="Initializr 2" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3 class="third_title">HTML5 速查手册</h3>    <h3>37. <a href="/misc/goto?guid=4958327005340854699" target="_blank">HTML 5</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958327005340854699" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML 5" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>38. <a href="/misc/goto?guid=4958185647502740748" target="_blank">HTML 5 Visual Cheat Sheet by Woork</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958185647502740748" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML 5 Visual Cheat Sheet by Woork " src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>39. <a href="/misc/goto?guid=4958327008328084664" target="_blank">HTML5 Visual Cheat Sheet</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958327008328084664" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML5 Visual Cheat Sheet" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>40. <a href="/misc/goto?guid=4958186271349793493" target="_blank">HTML 5 Cheat Sheet (PDF)</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958186271349793493" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML 5 Cheat Sheet (PDF)" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>41. <a href="/misc/goto?guid=4958185650508011118" target="_blank">HTML5 Canvas Cheat Sheet</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958185650508011118" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML5 Canvas Cheat Sheet" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <h3>42. <a href="/misc/goto?guid=4958327012786332548" target="_blank">HTML5 id or class name cheatsheet</a></h3>    <p><a title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" href="/misc/goto?guid=4958327012786332548" target="_blank"><img class="alignnone size-full wp-image" title="Ultimate Collection and a Must-Read HTML5 Tutorials and Resources" alt="HTML5 id or class name cheatsheet" src="https://simg.open-open.com/show/af5db09e39ca35d8930b4e59962e09e5.gif" /></a></p>    <br /> 来自：    <a href="/misc/goto?guid=4958327014314026142" target="_blank">http://www.cnblogs.com/lhb25/archive/2012/01/30/html5-tutorials-and-resources.html</a>