现在就开始使用HTML5的十大原因


你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一 次重大的改...
你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一 次重大的改变,事实上不管你是否喜欢,它都是代表着未来趋势。其实HTML5并不难理解和使用。我们这里能列出许多原因为什么现在要开始使用HTML5。
目前有很多的文章介绍使用HTML5并且介绍了使用它的优势和好处,没错,我们这篇文章也类似。随着更多这样的文章,以及Apple的支持, Adobe围绕HTML5的产品开发,以及移动flash的死亡,如此多网站的支持,我想对那些仍旧没有或者不想接受它的人说一些话。我认为主要得原因是,它看起来像一个神秘的东西。很多感觉它像喷气背包或者飞行汽车。一个未经验证的非凡想法但是并不实际。但是事实上现在已近非常的实际了。
为了解密HTML5并且帮助顽固的开发设计人员,我这里写了列出了使用HTML5的几大原因,希望对大家有帮助!
第十大原因:易用性


俩个原因使得使用HTML5创建网站更加简单:语义上及其ARIA。新的HTML标签像<header>, <footer>,<nav>,<section>, <aside>等等,使得阅读者更加容易去访问内容。在以前,即使你定义了class或者ID你的阅读者也没有办法去了解给出的一个div究 竟是什么。使用新的语义学的定义标签,你可以更好的了解HTML文档,并且创建一个更好的使用体验。
ARIA是一个W3C的标准主要用来对HTML文章中的元素指定“角色“,通过角色属性来创建重要的页面地形例 如,header,footer,navigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛使用,因为事实上并不验证。然 而,HTML5将会验证这样属性。同时,HTML5将会内建这些角色并且无法不覆盖。更多的HTML5和ARIA讨论,请大家查看这里。
第九大原因:视频和音频支持
忘了flash和其它第三方应用吧,让你的视频和音频通过HTML5标签<video>和<audio>来访问资源。正确 播放媒体一直都是一个非常可怕的事情,你需要使用<embed>和<object>标签,并且为了它们能正确播放必须赋予一大堆 的参数。你的媒体标签将会非常复杂,大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片:<video src=”"/>。但是其它参数例如宽度和高度或者自动播放呢?不必担心,只需要像其它HTML标签一样定义:<video src=”url” width=”640px” height=”380px” autoplay/>。
实际上这个过程非常简单,然而我们的老浏览器可能并不喜欢我们的HTML5,你需要添加更多代码来让他们正确工作。但是这个代码还是比<embed>和<object>来的简单的多。
第八大原因:Doctype
没错,就是doctype,没有更多内容了。是不是非常简答?不需要拷贝粘贴一堆无法理解的代码,也没有多余的head标签。最大的好消息在于,除了简单,它能在每一个浏览器中正常工作即使是名声狼藉的IE6。


第七大原因:更清晰的代码
如果你对于简答,优雅,容易阅读的代码有所偏好的话,HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码:<div id="header">  <h1>Header Text</h1>  <div id="nav">   <ul>    <li><a href="#">Link</a></li>    <li><a href="#">Link</a></li>    <li><a href="#">Link</a></li>   </ul>  </div> </div> 是不是很简单?但是使用HTML5后会使得代码更加简单并且富有含义:<header>  <h1>Header Text</h1>  <nav>   <ul>    <li><a href="#">Link</a></li>    <li><a href="#">Link</a></li>    <li><a href="#">Link</a></li>   </ul>  </nav> </header> 使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。 以前你需要大量的使用div来定义每一个页面内容区域,但是使用新 的<section>,<article>,<header>,<footer>,<aside> 和<nav>标签,需要你让你的代码更加清晰易于阅读。
标签: html5移动开发

更多 html5 相关资讯

HTML5手机浏览器 酷炫应用多视角揭秘

HTML5手机浏览器 酷炫应用多视角揭秘

前言 HTML5技术带来的改变 HTML5提供了一些新的元素和属性,反映典型的现代用法网站。—维基百科 一个伟大的进步,来自于人们智慧的创造,通过社会化的普及,最终服务于我

傲游3.3.6.600_Beta版发布,HTML5支持再提升

傲游3.3.6.600_Beta版发布,HTML5支持再提升

本周发布的是3.3.6.600_Beta版,这个版本支持截图后直接分享到微博,试试用最快的速度把好图分享给朋友们吧!更新后的侧边栏将使您更方便的使用傲游3众多好用的插件。新版本还支

百度正式推出新版支持HTML5的地图API

百度正式推出新版支持HTML5的地图API

在基于LBS的移动应用中,地图体验对使用者来说往往占有很重要的地位。为了迎合开发者在移动互联网上的需求,百度今天正式推出了新版支持HTML5的百度地图API。 新版API新增了

9个精美的 HTML5 博客网站实例

9个精美的 HTML5 博客网站实例

HTML5 是现在Web开发领域的热点,更多的开发人员开始使用HTML5来开发交互性强、效果出众的Web应用和游戏。今天这篇文字收集的9个精美的 HTML5 博客网站作品能让大家感受一下

Tether发布基于HTML5技术的iPhone网络分享解决方案

Tether发布基于HTML5技术的iPhone网络分享解决方案

还记得我们以前介绍的iPhone网络分享应用iTether么,iTether背后的开发者就是Tether公司。自iTether被苹果下架之后Tether公司发布了一种全新的网络分享解决方案,这种方式利用

为前端开发者准备的5个实用的 HTML5 教程

为前端开发者准备的5个实用的 HTML5 教程

1. HTML5:基础知识 2. 从头开始编码的HTML5布局 3. 用HTML5设计一个博客 4. 用 HTML5 设计一个很酷的 iPhone App 网站 5. HTML5 应用基于浏览器的存储

Adobe发布基于HTML5技术的网络开发工具以解决跨平台问题

Adobe发布基于HTML5技术的网络开发工具以解决跨平台问题

北京时间3月7日消息,《移动新发现》今日报道,Adobe推出轻量级网络开发工具Shadow(阴影),帮助设计师和开发者同时在多个移动设备上预览应用设计,发现和解决跨平台问题。   目前Ad

Google游戏时代降临:2013,手机网页随您玩

Google游戏时代降临:2013,手机网页随您玩

Google+团队产品经理Punit Soni在周二的游戏程序员会议上发言,称要在他的公司开发完全统一的游戏平台。他预计,“下一年”的Android,Chrome Web Store以及Chrome本地客户端都会

2012年,开发人员对HTML5都有哪些期待?

2012年开发人员对HTML5都有哪些新的期望?HTML5是一个发展中的标准,在2011年里,HTML5的发展取得了许多突破性的进展,但是它还有许多方面需要进一步的提升。 HTML5 开发的两大主要

微软云计算:Windows Azure Marketplace支持HTML5和六国语言

微软云计算:Windows Azure Marketplace支持HTML5和六国语言

也许您还不熟悉Windows Azure Marketplace,它是一个基于Windows Azure云计算平台的供数据供应商和开发人员购买和销售数据集和应用程序的在线市场。 目前,Windows Azure Marke

更多 移动开发 相关资讯

HTML5改变开发者开发移动Web程序的方式

HTML5正在改变着开发者开发移动Web程序的方式。但是,却不能成为移动应发展的终结。如果是的话,那么就不会有“我应该为自己的服务开发本地应用还是Web应用?”这样的问题。在pi

HTML5手游平台BoosterMedia融资175万美元

HTML5手游平台BoosterMedia融资175万美元

2月9日消息,BoosterMedia近日宣布获得175万美元的融资,此轮融资来自于Truffle Capital及Solid Ventures。新的融资将帮助BoosterMedia在全球市场发行他们的HTML5移动游戏。

IBM收购HTML5应用开发商WorkLight

北京时间1月31日晚间消息,IBM今日宣布,将收购以色列移动应用开发商WorkLight。   WorkLight可帮助企业开发和传播HTML5、混合( hybrid)及本地应用,在确保完美的用户

易观:HTML5使移动游戏开发者成第一受益者

1月11日消息,易观国际分析师孙梦子今日发布分析报告,指出开发者通过HTML5技术开发一款产品,可以应用于多平台,开发成本上的支出就可以大幅度降低。因此移动游戏开发者成第一受益

Web Apps 展望:HTML5将推动Web App发展

从HTML 5开始兴起之后,在移动平台上Web Apps是否能够和Native Apps一较高下,甚至Web Apps是否可能取代Native Apps的纷争开始兴起。不管现在Web Apps的能力如何,在业界,对于Web

继续支持移动Flash应用,重心偏向HTML5

Adobe全球平台技术总监Ben Forta日前对搜狐IT表示,针对此前Adobe宣布不再开发基于移动设备浏览器Flash Player的消息,业界还存在较多的误解。Ben Forta称,Adobe只是不

微软与AgreeYa合作 为移动平台开发企业应用

微软将与AgreeYa解决方案公司合作,为苹果iPhone、RIM的黑莓手机和谷歌的Android设备开发企业应用。 微软开放解决方案部门营销策略总经理桑迪·古普塔(Sandy Gupt

Facebook正开发Android手机 代号Buffy

Facebook正开发Android手机 代号Buffy

11月22日消息,据国外媒体报道,Facebook手机项目真实存在,目前正在开发中,代号为Buffy。据悉,该项目由Facebook CTO 布莱特·泰勒(Bret Taylor)领导,手机计划采用定制版的Android系统

IT专业人士对Android应用的研发兴趣远超iOS

IT专业人士对Android应用的研发兴趣远超iOS

IBM本周早些时候公布了一项调查结果,调查发现IT专业人士对在Google的Android平台上开发和部署手机应用最感兴趣。此项调查覆盖了全球4000多位IT专业人士,对2011年及今后

Adobe将停止开发移动版Flash

Adobe将停止开发移动版Flash

  Adobe今日宣布裁员750名,之后有消息传来,公司已经打算放弃Google Android和黑莓PlayBook平台的移动浏览器Flash插件的发展。  Adobe内部知情人士透露称,公司将不再让Flas