使用HTML5的优势

　　1.简单

    HTML5使得创建网站更加简单。新的HTML标签，如〈header〉、<footer>、<nav>、 <section>、<aside>等，使得阅读者能更加容易地访问内容。以前，即使定义了class或id,阅读者也没有办法去了解给出的div究竟是什么。使用新的语义学定义的标签，可以更好地了解HTML文档， 并且创建更好的使用体验。

　　2.支持视频和音频

    以前，想要在网页上实现视频和音频的播放，都需要借助Flash等第三方插件，而在HTML5中，可以直接使用标签<video>和<audio>来访问资源。HTML5的视频和音频标签基本将它们视为图片： <video src="/">。但是其他参数（如宽度和高度或者自动播放）如何定义呢？不必担心，只需要像其他HTML标签一样定义，代码如下：

    〈video src=',url" width-”640px" height-'138OpxM autoplay/>

    HTML5把以前非常繁琐的过程变得非常简单，然而一些过时的浏览器可能对HTML5的支持并不 是很友好，需要添加更多的代码来让它们正确工作，但是这个代码还是比<embed>和<object>简单得多。

　　3.文档声明

    没错，就是doctype,没有更多内容了。是不是非常简单？不需要复制粘贴一堆无法理解的代码，也没有多余的head标签。最大的好消息在于，它能在每一个浏览器中正常工作，即使是在风评不佳的IE6中也没有问题。

　　4.结构清晰、语义明确的代码

    如果偏好简单、优雅、容易阅读的代码，HTML5绝对是为你量身定做的。HTML5允许写出简单清晰且富于描述的代码，符合语义学的代码允许你分开样式和内容，如下面这个典型简单的拥有导航的header代码：

<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>

</u1>

</div>

</div>

是不是很简单？但是使用HTML5后会使得代码更加简单，并且含义更清晰，代码如下：

<header>

<hi>Header Text</hl>

<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>标签会让你的代码更清晰易读。

　　5.强大的本地存储

    HTML5中引入了新特性—本地存储，这是一个非常酷炫的新特性。有点儿像比较老的技术cookie 和客户端数据库的融合。但是它比cookie更好用，存储量也更庞大。因为支持多个Windows存储，它拥有更好的安全和性能，而且浏览器关闭后数据也可以保存。本地存储为用户提供了极大的便利，它不需要第三方插件就可以实现。能够保存数据到用户的浏览器中意味着可以简单地创建一些应用特性，如保存用户信息、缓存数据、加载用户上一次的应用状态。

　　6.交互升级

    我们都喜欢更好的页面交互，而人们偏好对用户有反馈的动态网站，因为用户可以享受互动的过程。HTML5中的<canvas>标签允许做更多的互动和动画，就像使用Flash实现的效果。经典游戏水果忍者就可以通过canvas画图功能来实现。

　　7.HTML5游戏

    前几年，基于HTML5开发的游戏非常火爆。近两年，虽然基于HTML5的游戏已经受到了不小的冲击，但是如果能找到合适的盈利模式，HTML5依然是在手机端开发游戏的首选技术。如果想开发 Flash游戏，就会喜欢上使用HTML5开发游戏。

　　8.移动互联网

    细心观察一下周围的人，有多少人现在可以做到一天不开电脑的？好像还不少。但是能在周围找到一天不摸手机的朋友吗？如今移动设备已经占领世界。这意味着，传统的PC机器将会面临巨大的挑战，今后的生活只需要一部智能手机即可被安排得妥妥当当。想想看，现在多少年轻人不会使用手机支付？还有多少人不会使用手机端订购外卖？ HTML5是最移动化的开发工具。随着Adobe宣布放弃 移动Flash开发，用户将会考虑使用HTML5来开发webp应用。如果手机浏览器完全支持HTML5, 那么开发移动项目将会和设计更小的触摸显示一样简单。这里有很多meta标签允许用户优化移动。

viewport：允许用户定义viewport宽度和缩放设置。全屏浏览器：ISO指定的数值允许Apple设备全 屏模式显示。Home screen icons：就像桌面收藏，这些图标可以用来添加收藏到IOS和Android移 动设备的首页。

　　9.HTML5既是现在，也是未来

    HTML5是当今世界上最好的最火热的前端开发技术，用户有必要掌握！HTML5可能不会兼顾每个方向，但是更多的元素已经被很多公司采用，并且已经开发得很成熟。HTML5其实更像HTML,它 不是一个新的技术，不需要用户重新学习！如果用户开发XHTML strict,其实就已经在开发HTML5 了，所以为什么不更完整地享受HTML5的功能呢？

使用HTML5是因为它书写的代码简单清晰，同时也能帮助用户改变书写代码的方式及其设计思路。