最佳45个带给你灵感的 HTML5 网站设计作品

　　HTML5 新增了许多重要的特性，像 video、audio 和 canvas 等等，这些特性使得能够很容易的网页中包含多媒体内容，而不需要任何的插件或者 API。而其它的新元素，例如 section、article、header 和 nav 等，则是用来丰富网页内容。今天这篇文章向大家展示45个设计精美 HTML5 的网站作品，让大家感受一下 HTML5 的魅力。

<a href="http://www.printdiscount.co.uk/" target="_blank"></a>

<a href="http://www.web-expert.it/" target="_blank"></a>

<a href="http://www.frontend2011.com/" target="_blank"></a>

<a href="http://www.kevadamson.com/" target="_blank"></a>

<a href="http://www.microsoft.com/office/onenote/" target="_blank"></a>

<a href="http://www.threepennyeditor.com/" target="_blank"></a>

<a href="http://blog.joeylomanto.com/imitation-in-web-design" target="_blank"></a>

<a href="http://www.enixel.com/" target="_blank"></a>

<a href="http://www.digitalhands.net/" target="_blank"></a>

<a href="http://diablomedia.com/" target="_blank"></a>

<a href="http://www.dillydelitulsa.com/" target="_blank"></a>

<a href="http://tobiaspersson.nu/" target="_blank"></a>

<a href="http://discoveryzone.be/" target="_blank"></a>

<a href="http://www.wired.co.uk/mind/#/?date=2011-07-21&amp;state=1" target="_blank"></a>

<a href="http://www.yyyweb.com/demo/inner-show/html5-tejpotter.html" target="_blank"></a>

<a href="http://webdesignerwall.com/" target="_blank"></a>

<a href="http://www.gabbardhatchingeggs.com/" target="_blank"></a>

<a href="http://www.loveforjapan.com/" target="_blank"></a>

<a href="http://webstandardssherpa.com/" target="_blank"></a>

<a href="http://1md.be/" target="_blank"></a>

<a href="http://www.cappen.com/" target="_blank"></a>

<a href="http://www.desiign.de/" target="_blank"></a>

<a href="http://depot.freeagentcentral.com/" target="_blank"></a>

<a href="http://www.ryanscherf.net/" target="_blank"></a>

<a href="http://www.mmstudio.rs/" target="_blank"></a>

<a href="http://easy-readers.net/" target="_blank"></a>

<a href="http://www.bifter.co.uk/" target="_blank"></a>

<a href="http://triversecentre.com/" target="_blank"></a>

<a href="http://www.marijazaric.com/" target="_blank"></a>

<a href="http://hellocarbon.ca/" target="_blank"></a>

<a href="http://recbeat.uol.com.br/recbeat2011/" target="_blank"></a>

<a href="http://svn2ftp.com/" target="_blank"></a>

<a href="http://simpleasmilk.co.uk/" target="_blank"></a>

<a href="http://www.vision18.co.in/studio/" target="_blank"></a>

<a href="http://worryfreelabs.com/" target="_blank"></a>

<a href="http://www.gamesforlanguage.com/" target="_blank"></a>

<a href="http://crane-brothers.com/" target="_blank"></a>

<a href="http://www.yyyweb.com/demo/inner-show/html5-sullivannyc.html" target="_blank"></a>

<a href="http://www.yyyweb.com/demo/inner-show/html5-bokicabo.html" target="_blank"></a>

<a href="http://www.elevate.co/" target="_blank"></a>

<a href="http://chrome.angrybirds.com/" target="_blank"></a>

<a href="http://www.naturestable.com/" target="_blank"></a>

<a href="http://ribot.co.uk/" target="_blank"></a>

<a href="http://endlessmural.com/" target="_blank"></a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">15个精美的 HTML5 单页网站作品欣赏</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/08/29/html5-awesome-typography-websites-inspiration.html" target="_blank">10个很酷的 HTML5 字体应用演示网站</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/08/18/html5-awesome-personal-websites-inspiration.html" target="_blank">12个精美的 HTML5 个人网站欣赏</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/07/26/awesome-html5-corporate-sites.html" target="_blank">10个精美的 HTML5 企业网站欣赏</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/09/03/free-html5-templates.html" target="_blank">分享15款精美的免费 HTML5 网站模板</a>

欢迎任何形式的转载，但请务必注明出处。