一位老手关于HTML5的见解

HTML5新特性总结

 HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体！！！例如： video 标签和 audio 及 canvas 标记

 

HTML5的优点、缺点

（巨大的几个好处）{由于资历“尚浅”只了解到了这几点 凑合着看吧}：

（1）移动，移动还是移动

你可以称之为“直觉”，但是我认为移动技术将会变得更加的流行。我知道，这里有些非常疯狂的猜测，有些可能你也想到了– Mobile是一个时尚！移动设备将占领世界。例如：比如你开发了一款HTML5的游戏，你可以移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。

（2） 它是未来，开始用吧！

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

（3）更清晰的代码

如果你对于简答，优雅，容易阅读的代码有所偏好的话，HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码：<div id="header"><h1>Header Text</h1> <div id="nav"> <ul>   <li><ahref="#">Link</a></li>   <li><ahref="#">Link</a></li>   <li><ahref="#">Link</a></li>  </ul></div></div>是不是很简单？但是使用HTML5后会使得代码更加简单并且富有含义：<header> <h1>Header Text</h1> <nav> <ul>   <li><ahref="#">Link</a></li>   <li><ahref="#">Link</a></li>   <li><ahref="#">Link</a></li>  </ul></nav></header>

使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。

（4）游戏开发

　　没错， 你可以使用HTML5的<canvas>开发游戏。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

（5）视频和音频支持

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

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

 （小小的一个缺点）：

  对于PC端浏览器的选择

　  pc 端浏览器支持不是特别友好，造成用户体验不佳(随着移动端的发展不断扩大和win10（ie10）的大量推广，这一缺点将被无限缩小)

APP与H5的比较

app应用	比较重，功能全面，交互流畅。
H5应用	非常轻量级，功能单一