10个优秀HTML5网站案例赏析

近期随着Adobe弃Flash转投HTML5开始,HTML5又开始吸引着大众的目光。在几大巨头的推动之下,HTML5将成为下一代Web的标准。与现在使用的HTML标记语言相比,HTML5有更多的标签和属性,使用也更为灵活功能也更强大。现在已经有很多前沿的网站开始使用上了HTML5,Techrepublic收集整理出了10个使用HTML5非常优秀的下一代Web网站。

什么才是优秀的HTML5网站?

因为HTML5还没有成为国际标准,旧的浏览器还无法支持HTML5,所以优秀的能当例子的HTML5网站第一个要求就是要能够兼容旧的浏览器。并且在网页代码中应该声明<!doctype html>,然后在首页页面代码应该使用至少3个HTML5特有的新标签,例如:canvas、aside、article、hgroup、nav等。以下是原作者收集的10个优秀的HTML5案例网站及简要介绍(排名不会先后),供网页设计师参考学习。

UltraNoir

UltraNoir的制作者是法国巴黎的一个网页设计开发团队,它使用了HTML5的doctype、danvas、aside、article、audio等标签元素。


HTML5赏析

FRONTEND 2011

Frontend是一年一度的Web会议的官网,使用了很多非常炫的HTML5元素、如doctype、hgroup、nav和section等。


HTML5赏析

Bruce Lawson

Bruce Lawson与Remy Sharp是一本关于HTML5教程图书的作者。此网站为Bruce Lawson的个人首页,使用了很多的HTML5的标签如:doctype、aside、nav、section和article等等。


HTML5赏析

Reser's Fine Foods

这个网站是一家食品企业的官方网站,它使用了doctype、section、aside、nav等HTML5标签。


HTML5赏析

Sushimonstr

Sushimonstr是一个网页设计师的个人网站,在他的网页中使用了doctype、nav、article、section等HTML5新特征。


HTML5赏析

Diesel Civil Trust

使用了诸如doctype、nav、article、section、aside、footer等HTML5标签。


HTML5赏析

Enterprise JQuery

JQuery大家都知道,它也第一时间吸收并实践最新的HTML5,网站使用了header、footer、section、section、article、nav等HTML5内容。


HTML5赏析

Paperplane

这是一家法国的企业网站,使用了如doctype、header、article、footer、aside等HTML5标签。


HTML5赏析

Digital Hands

这个网站是一家在线品牌推广的企业,网站使用上doctype、header、nav、section、article等HTML5新元素。


HTML5赏析

Web Designer Wall

从名字就可以看出这是一个网站设计相关的网站,它使用的HTML5元素包括header、hgroup、nav、footer、article、section、aside等。


HTML5赏析

文章来源:http://www.techolics.com/

时间: 2024-09-23 22:46:01

10个优秀HTML5网站案例赏析的相关文章

小屏,你好!——10大移动端网站案例赏析

移动互联网时代的悄然袭来改变着我们的生活方式,同时也有大批的设计力量涌入移动端设计领域.在web2.0时代背景下孕育成长起来的设计师们,在进入这样一个新鲜的领域时多少有些"水土不服".希望通过本文能给大家带来一些新的探索方向及尝试. 来源: TGideas 网络环境研究 根据 CNNIC第 32 次互联网络发展状况调查,截至2013 年 6 月,中国手机网民的总规模达 4.64 亿.其中,手机浏览器用户规模为3.69亿,同比增长21.0%,在手机网民中的渗透率为79.5%.用户使用手机

HTML5网站大观:分享8个精美的 HTML5 网站案例

本期的 HTML5 网站大观与大家分享 10 个精美的 HTML5 商业网站设计案例.HTML5 增加了很多新标签以及新特性,正引领网页技术革命.希望这些优秀的 HTML5 网站案例能帮助大家更好的学习 HTML5 网站制作. Sullivan NYC Fork CMS Nike – Paul Rodriguez V Elisa 3G Ultranoir Gokulam Doha Spyder Casetagram Easy Readers Dentsu Network

10大移动端网站案例激情赏析

  网络环境研究 根据 CNNIC 第 32 次互联网络发展状况调查,截至2013 年 6 月,中国手机网民的总规模达 4.64 亿.其中,手机浏览器用户规模为3.69亿,同比增长21.0%,在手机网民中的渗透率为79.5%. 用户使用手机浏览器的频率稳步提升,75.6%的用户每天都使用,其中63.3%的用户每天使用多次.同时,从使用时长上看,手机上网开始挤占电脑上网时间,成为我国网民的一种主流上网方式. 手机浏览器作为移动互联网的入口地位将进一步稳定提升同时也成为网民接入移动互联网的首要入口.

15个国内优秀互动网站案例

  国外网站是不是欣赏多了,这次设计达人网尝试整理一些国内专题活动网站设计,收集这些也是让大家了解下国内现在的互动网站.这些国内的互动专题网站很少像国外一样使用HTML5来做交互,大部分用FLASH代替来实现交互设计. 互动网站主要是让网站与用户进行互动,大部分都是让用户通过微博来分享,最终实现品牌宣传的目的,之于效果如何这就要看你的专题有没有创意啦!接下来大家一起看看国内的互动网站与国外网页设计的有什么不同吧. 蒙牛:3D音乐 特别的奶特时光 听,让3D音乐与极致美味一起,带您走进特别的奶特时

想好好的推广自己的网站,10条优秀的网站设计经验

中介交易 SEO诊断 淘宝客 云主机 技术大厅 一个设计良好的网页应该能够被宽带网上的多媒体高档电脑或者依然使用慢速MODEM连接的低档电脑上安装的浏览器阅读.然而,很多新的网站设计者均不是非常的了解如何尽量的让这些HTML文件保持很好的兼容性. 当然,这里有太多的不确定因素影响网页最后呈现的结果.首先,计算机的显示器有不同的分辨率和显示质量,其次,运行着各种各样的操作系统,使用着不通版本的WEB浏览器 ,不同INTERNET连接方式和各种速度的MODEM.我们不能想当然的去武断地判定浏览者的喜

优秀网站案例 从2012年看网站体验的5大趋势

译者注:抛砖引玉一篇趋势浅文.此文提炼的比较精辟,让人看完不由觉得"确实如此".相比其他很多几十条泛泛而谈.泛泛而用的趋势文章来说,算是精品哦.另外,文中有很多优秀网站案例,也值得我们学习. 原文地址:The Top 5 Website UX Trends of 2012 http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012 2012年,用户界面技术持续不断发展,常常有效地模糊了设计.可用性以及技术之间的界限,从而为

优秀网站案例 从2012年看网站体验的五大趋势

中介交易 SEO诊断 淘宝客 云主机 技术大厅 译者注:抛砖引玉一篇趋势浅文.此文提炼的比较精辟,让人看完不由觉得"确实如此".相比其他很多几十条泛泛而谈.泛泛而用的趋势文章来说,算是精品哦.另外,文中有很多优秀网站案例,也值得我们学习. 原文地址:The Top 5 Website UX Trends of 2012 http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012 2012年,用户界面技术持续不断发展,常常有

河北省第一届优秀互联网网站评选活动启动

中介交易 SEO诊断 淘宝客 云主机 技术大厅 由河北省互联网协会举办,中国网通(集团)有限公司河北省分公司.中国联通河北分公司.河北移动通信有限责任公司.中国铁通河北分公司.河北省电信分公司等单位协办的河北省第一届优秀互联网网站评选活动将于2007年7月20日正式启动,评选历时两个月,将以网民评选和专家评选相结合的方式首次评选出河北省十佳公益网站.十佳商业网站共20个省级优秀网站. 本次评选活动以"文明办网.促进发展"为主题,本着"公开.公平.公正"的原则对参评网

32个使用 Google 网页字体的优秀网站案例

如今,网页设计师非常注重网页字体的运用,为了能让网站有更好的可读性和更强的吸引力,他们需要更漂亮的字体.Google网页字体(Google Web Fonts)为设计师们提供了几百种免费开源的字体,只需要在网页中加入一小段代码就可以在你的网页中现实漂亮的字体.今天这篇文章就向大家展示32个使用Google网页字体的优秀网站案例. 1. Shopify 使用的字体: Open Sans 2. Creep Fest 使用的字体: Homemade Apple, Copse 3. Icon Bits