你应该知道的10个奇特的 HTML5 单页网站

旧城等待， 2023-06-02 10:51 100阅读 0赞

网页设计师努力寻找新的方式来展现内容。其中一个大的趋势是单页网站，现在被世界上的一些大的品牌广泛采用，使用它们来为用户提供一个快速，干净和简单的而且美丽的网站。

下面是10个令人惊叹的单页 [**HTML5**][H_TML5] 的网站，涵盖了简约设计，简单导航和视差滚动的综合应用。

您可能感兴趣的相关文章

*  [经典网页设计：超炫动画效果单页网站][Link 1]
 *  [30个独具匠心的精美单页网站设计案例][30]
 *  [25个以全屏照片为背景的精美网页作品][25]
 *  [20个与众不同的网页联系表单设计案例][20]
 *  [20个模糊背景在网站中的经典应用案例][20 1]

### [Every Last Drop][] ###

[![images0-cnblogs-com_blog_36987_201310_24195642-688429e8e43a4c9380d754b96b3be5a1.jpg][]][Every Last Drop]

### [Marty.com][] ###

[![images0-cnblogs-com_blog_36987_201310_24195652-5633034ace334c6aa751dff101ee0a9f.jpg][]][Marty.com]

### [Oakley Airbrake MX][] ###

[![images0-cnblogs-com_blog_36987_201310_24195705-c5b31d25245140b388181406789725d1.jpg][]][Oakley Airbrake MX]

### [Scroll for your health][] ###

[![www-topdesignmag-com_wp-content_uploads_2013_10_23.jpg][]][Scroll for your health]

### [Kinderfotografie Evi Hermans][] ###

[![www-topdesignmag-com_wp-content_uploads_2013_10_31.jpg][]][Kinderfotografie Evi Hermans]

### [CoolApps][] ###

[![www-topdesignmag-com_wp-content_uploads_2013_10_41.jpg][]][CoolApps]

### [numéro10][num_ro10] ###

[![www-topdesignmag-com_wp-content_uploads_2013_10_7.jpg][]][num_ro10]

### [Air Jordan 2012][] ###

[![www-topdesignmag-com_wp-content_uploads_2013_10_9.jpg][]][Air Jordan 2012]

### [Laura Baffari][] ###

[![www-topdesignmag-com_wp-content_uploads_2013_10_10.jpg][]][www-topdesignmag-com_wp-content_uploads_2013_10_10.jpg 1]

### [Activate][] ###

[![images0-cnblogs-com_blog_36987_201310_24195118-75584ded0c434c998faabb5c88feec96.jpg][]][Activate]

您可能感兴趣的相关文章

*  [那些让人惊叹的的国外创意404错误页面设计][404]
 *  [让人爱不释手的精美 Web 应用程序图标素材][Web]
 *  [赞！10套精美的免费网站后台管理系统模板][10]
 *  [期待已久的2012年度最佳 jQuery 插件揭晓][2012_ jQuery]
 *  [10大流行的 Metro UI 风格 Bootstrap 主题][10_ Metro UI _ Bootstrap]

本文链接：[你应该知道的10个奇特的 HTML5 单页网站作品][10_ HTML5][  
][Link 2]

编译来源：[梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源][_ _ _]

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

[H_TML5]: http://www.cnblogs.com/lhb25/category/146076.html
[Link 1]: http://www.cnblogs.com/lhb25/archive/2013/02/18/one-page-websites-with-animations.html
[30]: http://www.cnblogs.com/lhb25/archive/2012/09/20/30-single-page-portfolio-websites.html
[25]: http://www.cnblogs.com/lhb25/archive/2012/10/29/stunning-big-backgrounds.html
[20]: http://www.cnblogs.com/lhb25/archive/2012/11/15/20-trendy-contact-form-designs-to-inspire.html
[20 1]: http://www.cnblogs.com/lhb25/archive/2012/10/25/blurred-backgrounds-in-web-design.html
[Every Last Drop]: http://everylastdrop.co.uk/
[images0-cnblogs-com_blog_36987_201310_24195642-688429e8e43a4c9380d754b96b3be5a1.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/images0-cnblogs-com_blog_36987_201310_24195642-688429e8e43a4c9380d754b96b3be5a1.jpg
[Marty.com]: http://marty.com/
[images0-cnblogs-com_blog_36987_201310_24195652-5633034ace334c6aa751dff101ee0a9f.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/images0-cnblogs-com_blog_36987_201310_24195652-5633034ace334c6aa751dff101ee0a9f.jpg
[Oakley Airbrake MX]: http://moto.oakley.com/
[images0-cnblogs-com_blog_36987_201310_24195705-c5b31d25245140b388181406789725d1.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/images0-cnblogs-com_blog_36987_201310_24195705-c5b31d25245140b388181406789725d1.jpg
[Scroll for your health]: http://www.shibui.me/web/scroll/index.html
[www-topdesignmag-com_wp-content_uploads_2013_10_23.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/www-topdesignmag-com_wp-content_uploads_2013_10_23.jpg
[Kinderfotografie Evi Hermans]: http://www.kinderfotografie-evihermans.be/
[www-topdesignmag-com_wp-content_uploads_2013_10_31.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/www-topdesignmag-com_wp-content_uploads_2013_10_31.jpg
[CoolApps]: http://www.coolappse.com/
[www-topdesignmag-com_wp-content_uploads_2013_10_41.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/www-topdesignmag-com_wp-content_uploads_2013_10_41.jpg
[num_ro10]: http://www.numero10.ch/fr/home/
[www-topdesignmag-com_wp-content_uploads_2013_10_7.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/www-topdesignmag-com_wp-content_uploads_2013_10_7.jpg
[Air Jordan 2012]: http://www.nike.com/jumpman23/aj2012/
[www-topdesignmag-com_wp-content_uploads_2013_10_9.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/www-topdesignmag-com_wp-content_uploads_2013_10_9.jpg
[Laura Baffari]: http://www.laurab.net/
[www-topdesignmag-com_wp-content_uploads_2013_10_10.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/www-topdesignmag-com_wp-content_uploads_2013_10_10.jpg
[www-topdesignmag-com_wp-content_uploads_2013_10_10.jpg 1]: http://www.cnblogs.com/lhb25/p/10-award-winning-websites-you-should-know.html#http://www.laurab.net/
[Activate]: http://activatedrinks.com/
[images0-cnblogs-com_blog_36987_201310_24195118-75584ded0c434c998faabb5c88feec96.jpg]: https://mk2048.oss-cn-beijing.aliyuncs.com/web_upload/blog_imgs/49/images0-cnblogs-com_blog_36987_201310_24195118-75584ded0c434c998faabb5c88feec96.jpg
[404]: http://www.cnblogs.com/lhb25/archive/2012/08/04/really-cool-and-creative-404-error-pages.html
[Web]: http://www.cnblogs.com/lhb25/archive/2012/08/31/free-application-icon-sets.html
[10]: http://www.cnblogs.com/lhb25/archive/2012/10/19/10-free-html-admin-templates.html
[2012_ jQuery]: http://www.cnblogs.com/lhb25/archive/2012/12/24/best-jquery-plugins-of-2012.html
[10_ Metro UI _ Bootstrap]: http://www.cnblogs.com/lhb25/archive/2013/04/11/10-metro-bootstraps-ui-templates.html
[10_ HTML5]: http://www.cnblogs.com/lhb25/p/10-award-winning-websites-you-should-know.html
[Link 2]: http://www.topdesignmag.com/20-examples-of-one-page-websites-that-are-using-parallax-scrolling/
[_ _ _]: http://www.cnblogs.com/lhb25/