在当前的互联网行业HTML5无疑已经成为一个重要的开发元素。那么HTML5到底是凭借什么赢得现在和未来的呢?中培伟业《基于HTML5的前端开发应用最佳实践》培训专家赵老师在这里介绍了其中的原因:
原因一:易用性
两个原因使得使用 html5 创建网站更加简单:语义性和 aria。新的 html 标签使得阅读者更加容易去访问内容。在以前,即使你定义了 class 或者 id 你的阅读者也没有办法去了解给出的 div 究竟是什么。使用新的语义学的定义标签,你可以更好的了解 html 文档,并且创建一个更好的使用体验。
原因二:视频和音频支持
忘了 flash 和其它第三方应用吧,让你的视频和音频通过 html5 标签 <video> 和 <audio> 来访问资源。正确播放媒体一直都是一个非常可怕的事情,你需要使用 <embed> 和 <object> 标签,并且为了它们能正确播放必须赋予一大堆的参数。你的媒体标签将会非常复杂,大堆得令人迷惑的代码。而 html5 视频和音频标签基本将他们视为图片。但是其它参数例如宽度和高度或者自动播放呢?
实际上这个过程非常简单,然而我们的老浏览器可能并不喜欢我们的 html5,你需要添加更多代码来让他们正确工作。但是这个代码还是比 <embed> 和 <object> 来的简单的多。
原因三:doctype
没错,就是 doctype,没有更多内容了。是不是非常简单?不需要拷贝粘贴一堆无法理解的代码,也没有多余的 head 标签。最大的好消息在于,除了简单,它能在每一个浏览器中正常工作即使是名声狼藉的 ie6
原因四:更清晰的代码
如果你对于简单,优雅,容易阅读的代码有所偏好的话,html5 绝对是一个为你量身**的东西。html5 允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。
原因五:更聪明的存储
html5 中最酷的特性就是本地存储。有一点像比较老的技术 cookie 和客户端数据库的融合。它比 cookie 更好用因为支持多个 windows 存储,它拥有更好的安全和性能,即使浏览器关闭后也可以保存。
因为它是个客户端的数据库,你不用担心用户删除任何 cookie,并且所有主流浏览器都支持。
本地存储对于很多情况来说都不错, 它是 html5 工具中一个不需要第三方插件实现的。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性,例如:保存用户信息,缓存数据,加载用户上一次的应用状态。
原因六:更好的互动
我们都喜欢更好的互动,我们都喜欢对于用户有反馈的动态网站,用户可以享受互动的过程。输入 <canvas>html5 的画图标签允许你做更多的互动和动画,就像我们使用 flash 达到的效果。
除了 <canvas>html5 同样也拥有很多 api 允许你创建更加好的用户体验并且更加动态的 web 应用程序。
原因七:游戏开发
没错, 你可以使用 html5 的 <canvas> 开发游戏。html5 提供了一个非常伟大的,移动友好的方式去开发有趣互动的游戏。如果你开发 flash 游戏,你就会喜欢上 html5 的游戏开发。
原因八: 遗留及其跨浏览器支持
你的现代流行浏览器都支持 html5,并且创建了 html5 doctype 这样所有的浏览器,即使非常老非常令人厌恶浏览器像 ie6 都可以使用。但是因为老的浏览器能够识别 doctype 并不意味它可以处理 html5 标签和功能。幸运的是,html5 已经使得开发更加简单了,支持更多浏览器,这样老的 ie 浏览器可以通过添加 js 代码来使用新的元素。
原因九: 移动开发应用
你可以称之为“直觉”,但是我认为移动技术将会变得更加的流行。我知道,这里有些非常疯狂的猜测,有些可能你也想到了 – mobile 是一个时尚!移动设备将占领世界。更多的接受移动设备将会增长的非常迅速,这意味着更多的用户会选择使用移动设备访问网站或者 web 应用。html5 是最移动化的开发工具。随着 adobe 宣布放弃移动 flash 开发,你将会考虑使用 html5 来开发 webapp 应用。
当手机浏览器完全支持 html5 那么开发移动项目将会和设计更小的触摸显示一样简单。
原因十: 它是未来的趋势
最大的原因今天你就开始使用 html5 是因为它是未来,不要掉队了!html5 不会往每个方向发展,但是更多的元素已经被很多公司采用,并且开始着手开发。html5 其实更像 html,它不是一个新的技术需要你重新学习!如果你开发 xhtml strict 的话你现在就已经在开发 html5 了。为什么不更完整的享受 html5 的功能呢?