HTML5的应用特性

很多同学只听过html5，可是不是很了解他的应用特性，本文来详细的解释下：
首先介绍下HTML5的含义：

H5是指第5代HTML（超文本标记语言），也指用H5语言制作的一切数字产品。
网上的网页，多数都是由HTML写成的。
“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。
浏览器通过解码HTML，就可以把网页内容显示出来。相对于上一版本，HTML5提供了更多的功能呢：包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能，他的应用场景包含

第一种：语义化标签和简介的代码

HTML5使标签有了更好的意义和结构。比如新增的语义化标签：header，footer，nav，section，aside等等，使读者更容易理解和访问网站内容，以及定义标签。

本地存储（localStorage和sessionStorage）

本地存储是HTML5最为显著的特征，那么什么叫本地存储特性呢，他就像是cookie和客户端数据库的融合，他能支持多个windows存储，同时拥有更好的安全和性能，浏览器关闭也可以使用，同样也不需要第三方插件。这意味着我们使用这些特性来做保存用户信息，缓存数据，加载用户上一次的应用状态的等等。

设备兼容特性（跨浏览器）

提供了很多功能山的优化选择：

1. 很多的meta标签优化移动
2. viewport：允许自定义viewport的宽度和缩放设置等
3. 全屏浏览器： ISO指定的数值允许Apple设备全屏模式显示
4. Home screen icons: 就像桌面收藏，这些图标可以用来添加收藏到IOS和Android移动设备的首页
5. 点击查看源网页

网页媒体特性更好的支持音、视频

HTML5新增了网页端的Audio、Video等多媒体功能，新增audio和video标签等，只需要在使用时像定义img图片那样就好

三维、图形及特效特性

基于SVG、Canvas、WebGL及CSS3的3D功能。用户使用可以开发游戏。元素本身不具备绘制能力，依靠脚本来完成，即，在写canvas时，需要些JavaScript脚本。

更多内容可以关注我的个人博客，www.cwcoolboy.xyz