浅析HTML5的10大优势

你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一 次重大的改变,事实上不管你是否喜欢,它都是代表着未来趋势。其实HTML5并不难理解和使用。我们这里能列出许多原因为什么现在要开始使用HTML5。

  目前有很多的文章介绍使用HTML5并且介绍了使用它的优势和好处,没错,我们这篇文章也类似。随着更多这样的文章,以及Apple的支 持, Adobe围绕HTML5的产品开发,以及移动flash的死亡,如此多网站的支持,我想对那些仍旧没有或者不想接受它的人说一些话。我认为主要得原因 是,它看起来像一个神秘的东西。很多感觉它像喷气背包或者飞行汽车。一个未经验证的非凡想法但是并不实际。但是事实上现在已近非常的实际了。

  为了解密HTML5并且帮助顽固的开发设计人员,我这里写了列出了使用HTML5的几大原因,希望对大家有帮助!

  第十大原因:易用性

  俩个原因使得使用HTML5创建网站更加简单:语义上及其ARIA。新的HTML标签像, ,,, 等等,使得阅读者更加容易去访问内容。在以前,即使你定义了class或者ID你的阅读者也没有办法去了解给出的一个div究 竟是什么。使用新的语义学的定义标签,你可以更好的了解HTML文档,并且创建一个更好的使用体验。

  ARIA是一个W3C的标准主要用来对HTML文章中的元素指定“角色“,通过角色属性来创建重要的页面地形例 如,header,footer,navigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛使用,因为事实上并不验证。然 而,HTML5将会验证这样属性。同时,HTML5将会内建这些角色并且无法不覆盖。更多的HTML5和ARIA讨论,请大家查看这里。

  第九大原因:视频和音频支持

  忘了flash和其它第三方应用吧,让你的视频和音频通过HTML5标签和来访问资 源。正确播放媒体一直都是一个非常可怕的事情,你需要使用和标签,并且为了它们能正确播放必须赋 予一大堆的参数。你的媒体标签将会非常复杂,大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片:。但是其它参数例如宽度和高度或者自动播放呢?不必担心,只需要像其它HTML标签一样定义:。

  实际上这个过程非常简单,然而我们的老浏览器可能并不喜欢我们的HTML5,你需要添加更多代码来让他们正确工作。但是这个代码还是比和来的简单的多。  

  第八大原因:Doctype

  没错,就是doctype,没有更多内容了。是不是非常简答?不需要拷贝粘贴一堆无法理解的代码,也没有多余的head标签。最大的好消息在于,除了简单,它能在每一个浏览器中正常工作即使是名声狼藉的IE6。

  第七大原因:更清晰的代码

  如果你对于简答,优雅,容易阅读的代码有所偏好的话,HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代 码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码:

Header Text

是不是很简单?但是使用HTML5后会使得代码更加简单并且富有含义:

Header Text

  使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。 以前你需要大量的使用div来定义每一个页面内容区域,但是使用新 的,,,,和标签,需要你让你的代码更加清晰易于阅读。

  第六大原因:更聪明的存储

  HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储,它拥有更好的安全和性能,即使浏览器关闭后也可以保存。

  因为它是个客户端的数据库,你不用担心用户删除任何cookie,并且所有主流浏览器都支持。

  本地存储对于很多情况来说都不错, 它是HTML5工具中一个不需要第三方插件实现的。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性例如:保存用户信息,缓存数据,加载用户上一次的应用状态。

  第五大原因:更好的互动

  我们都喜欢更好的互动,我们都喜欢对于用户有反馈的动态网站,用户可以享受互动的过程。输入,HTML5的画图标签允许你做更多的互动和动画,就像我们使用Flash达到的效果。

  除了,HTML5同样也拥有很多API允许你创建更加好的用户体验并且更加动态的web应用程序。 这里有一个列表:

Drag and Drop (DnD)

Offline storage database

Browser history management

document editing

Timed media playback

  第四大原因:游戏开发

  没错, 你可以使用HTML5的开发游戏。HTML5提供了一个非常伟大的,移动友好的方式去开发有趣互动的游戏。如果你开发Flash游戏,你就会喜欢上HTML5的游戏开发。

  Script-tutorials目前提供了4个不部分的HTML5游戏开发教程,这里看看他们开发的有趣游戏:

HTML5 Gaming Development Lesson One

HTML5 Gaming Development Lesson Two

HTML5 Gaming Development Lesson Three

HTML5 Gaming Development Lesson Four

  第三大原因: 遗留及其跨浏览器支持

  你的现代流行浏览器都支持HTML5(Chrome,Firefox,Safari,IE9和Opera),并且创建了HTML5 doctype这样所有的浏览器,即使非常老非常令人厌恶浏览器像IE6都可以使用。但是因为老的浏览器能够识别doctype并不意味它可以处理 HTML5标签和功能。幸运的是,HTML5已经使得开发更加简单了,更多支持更多浏览器,这样老的IE浏览器可以通过添加javascript代码来使 用新的元素:

  第二大原因: 移动,移动还是移动

  你可以称之为“直觉”,但是我认为移动技术将会变得更加的流行。我知道,这里有些非常疯狂的猜测,有些可能你也想到了 – Mobile是一个时尚!移动设备将占领世界。更多的接受移动设备将会增长的非常迅速。这意味着更多的用户会选择使用移动设备访问网站或者web应用。 HTML5是最移动化的开发工具。随着Adobe宣布放弃移动flash开发,你将会考虑使用HTML5来开发webp应用。当手机浏览器完全支持 HTML5那么开发移动项目将会和设计更小的触摸显示一样简单。这里有很多的meta标签允许你优化移动:viewport: 允许你定义viewport宽度和缩放设置;全屏浏览器: ISO指定的数值允许Apple设备全屏模式显示;Home screen icons:  就像桌面收藏,这些图标可以用来添加收藏到IOS和Android移动设备的首页。

  第一大原因: 它是未来,开始用吧!

  最大的原因今天你就开始使用HTML5是因为它是未来,不要掉队了!HTML5不会往每个方向发展,但是更多的元素已经被很多公司采用,并 且开始着手开发。HTML5其实更像HTML,它不是一个新的技术需要你重新学习!如果你开发XHTML strict的话你现在就已经在开发HTML5了。为什么不更完整的享受HTML5的功能呢?

  你实际上没有任何借口不接受HTML5。事实上我唯一一个原因使用HTML5是因为它书写代码简单清晰。其它的特性其实我也没有真正使用。 你可以考虑现在开始使用HTML5书写代码,它能帮助你改变书写代码的方式及其设计方式。开始用HTML5代码编写web应用吧,说不定下一个移动应用或 者游戏应用就是用HTML5开发的!

时间: 2024-11-05 13:08:48

浅析HTML5的10大优势的相关文章

html5开发移动端app的7大优势(一)

移动web端APP是如今市场份额占据霸主,自html5开发语言正式封稿后,使用html5语言开发app应用带来的用户体验和制作难度是其他语言远远不如的.本文华清创客学院为读者解析html5开发移动端app的7大优势.让对html5感兴趣的读者更好的了解html5网页开发技术. html5开发移动端app的7大优势(一): 1.跨平台: 开发者的幸福指数随着多屏时代的来临岌岌可危.人人都期盼HTML5能扮演救星.多套代码.不同技术工种.业务逻辑同步,这是折磨人的过程.有点类似个人电脑早期世界,那个

10大炫酷的HTML5文字动画特效欣赏

文字是网页中最基本的元素,在CSS2.0时代,我们只能在网页上展示静态的文字,只能改变他的大小和颜色,显得枯燥无味.随着HTML5的发展,现在网页中的文字样式变得越来越丰富了,甚至出现了文字动画,HTML5和CSS3的强大之处就在于此.本文分享的10款炫酷的HTML5文字动画特效非常不错,一起来看看吧. 1.HTML5 Canvas粒子效果文字动画特效 之前我们分享过很多超酷的文字特效,其中也有利用HTML5和CSS3的.今天我们要来分享一款基于HTML5 Canvas的文字特效,输入框中输入想

(转) 浅析HTML5在移动应用开发中的使用

(转)浅析HTML5在移动应用开发中的使用 (原)http://www.iteye.com/magazines/67 2012-03-07  来自 UECD.163.com  编辑 wangguo 有38498人浏览 收藏 html5 移动开发 app UI < > 猎头职位: 上海: Junior Product Manager 前言 HTML5的出现让移动平台的竞争由系统平台转向了浏览器之间:移动端的IE.Chrome.FireFox.Safari,亦或是新出现的浏览器,谁能达到在移动端对

移动开发者必须了解的10大跨平台工具

2014-02-25 22:32 1105人阅读 评论(1) 收藏 举报 目录(?)[-] HTMLJavaScriptCSS篇 C篇 Lua篇 其他语言篇 游戏开发篇 在本文中,我们盘点了过去的一年里,最受开发者喜爱的跨平台应用及游戏开发工具,尤以HTML/JS/CSS为众,却也包含使用其他语言进行开发的工具,比如Xamarin,使用C#,就能开发出运行于各大主流移动平台上的原生App. 成本低.周期短,易于上手,不用重新设计,种种好处让跨平台开发风头无量,也让诸多跨平台开发工具趁势崛起.在本

未来五年移动互联网10大热门技术(转载)

未来五年移动互联网10大热门技术 摘要:目前,互联网行业的发展已经进入到一个新阶段,移动互联网技术的发展和运用日益成熟,传统互联网企业都已经开始自觉的运用移动互联网技术和概念拓展新业务和方向. 据前瞻网分析认为,无论是传统企业还是互联网企业,想要发挥 目前,互联网行业的发展已经进入到一个新阶段,移动互联网技术的发展和运用日益成熟,传统互联网企业都已经开始自觉的运用移动互联网技术和概念拓展新业务和方向. 据前瞻网分析认为,无论是传统企业还是互联网企业,想要发挥移动互联网的种种优势和潜力就必须掌握广

浅析HTML5在移动应用开发中的使用

前言 HTML5的出现让移动平台的竞争由系统平台转向了浏览器之间:移动端的IE.Chrome.FireFox.Safari,亦或是新出现的浏览器,谁能达到在移动端对HTML5更好的支持,谁就能在以后的移动应用领域占据更多的市场. 现在我们怎么装APP 有了HTML5以后怎么装APP 更灵活.更方便的app使用及安装方式将成为HTML5在移动平台上大放异彩的保障之一. 下面列举HTML5适合移动应用开发的几大特性: 1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage

【html5】使用 html5 的十大原因

你难道还没有考虑使用 html5? 当然我猜想你可能有自己的原因:它现在还没有被广泛的支持,在 ie 中不好使,或者你就是喜欢写比较严格的 xhtml 代码.html5 是 web 开发世界的一次重大的改变,事实上不管你是否喜欢,它都是代表着未来趋势.其实 html5 并不难理解和使用.我们这里能列出许多原因为什么现在要开始使用 html5. 目前有很多的文章介绍使用 html5 并且介绍了使用它的优势和好处,没错,这篇文章也类似.随着更多这样的文章,以及 apple 的支持,adobe 围绕

移动互联网10大业务及盈利模式

移动互联网10大业务及盈利模式 2012-07-16 15:23:06    来源: 中国移动互联网研究中心          联系我们 [中国移动互联网研究中心讯] 目前,业务发展已成为影响和拉动移动通信行业最主要的市场导向,总结和挖掘市场,未来十大移动互联网业务前景看好. 一.移动社交将成客户数字化生存的平台 在移动网络虚拟世界里面,服务社区化将成为焦点.社区可以延伸出不同的用户体验,提高用户对企业的黏性.宽带的增加将促使移动互联网的服务创新,用户的许多需求将在手机上得到满足.而手机具有随时

10大优秀的移动Web应用程序开发框架推荐

在最近几年里,移动互联网高速发展.市场潜力巨大.继计算机.互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术.新应用不断涌现.今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用. Sencha Touch Framework Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以