一位老手关于HTML5的见解 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应用 比较重,功能全面,交互流畅。

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应用 比较重,功能全面,交互流畅。

猜你喜欢

转载自www.cnblogs.com/dawdler/p/9274103.html
今日推荐