么是 HTML5？

HTML5 是下一代的 HTML。

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准，目标是取代现有的HTML4.01和XHTML1.0标准。它希望能够减少互联网富应用（RIA)对Flash、Silverlight、JavaFX等的依 赖，并且提供更多能有效增强网络应用的API。

HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是 W3C 与 WHATWG 合作的结果。

WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。 为 HTML5 建立的一些规则：

• 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。

• 减少对外部插件的需求（比如 Flash）

• 更优秀的错误处理 ? 更多取代脚本的标记

• HTML5 应该独立于设备

• 开发进程应对公众透明

新特性

HTML5 中八大新特性：

• 语义（article、footer、header、nav、section...）

• 用于媒介回放的 video 和 audio 元素

• 对本地离线存储的更好的支持

• 三维、图形与特效

• 设备通用

• 性能与集成

• 连接

• CSS3

浏览器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

HTML 5 语义（二）

HTML5 引入了新的HTML 元素，通过使用这些元素，开发者可以更细致的描述文档结构，让文档更加易读，搜索引擎也能更好的理解页面中各部分间的关系，我们也可以搜索到更快，更准确的信息。

整套视频标题如图：

需要学习视频的请关注微信公众号：java学习（javaxxf）

谢谢支持请 转发给身边需要的朋友

、易用性及代码简洁性

HTML5赋予网页更好的意义和结构。新的HTML标签像<header>, <footer>，<nav>，<section>， <aside>等等，使得阅读者更加容易去访问内容。使用新的语义学的定义标签，你可以更好的了解HTML文档，并且创建一个更好的使用体验。

ARIA是一个W3C的标准主要用来对HTML文章中的元素指定“角色“，通过角色属性来创建重要的页面地形例如,header，footer，navigation或者aritcle很有必要。这一点曾经被忽略掉了并且没有被广泛使用，因为事实上并不验证。然而，HTML5将会验证这样属性。同时，HTML5将会内建这些角色并且无法不覆盖。

二、本地存储特性

HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储，它拥有更好的安全和性能，即使浏览器关闭后也可以保存。

因为它是个客户端的数据库，你不用担心用户删除任何cookie，并且所有主流浏览器都支持。

本地存储对于很多情况来说都不错， 它是HTML5工具中一个不需要第三方插件实现的。能够保存数据到用户的浏览器中意味你可以简单的创建一些应用特性例如：保存用户信息，缓存数据，加载用户上一次的应用状态。如果你对本地存储有兴趣，你可以看看这些文章

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

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势

这里有很多的meta标签允许你优化移动：

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

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

支持网页端的Audio、Video等多媒体功能；在发布HTML5之前你需要使用<embed>和<object>标签，并且为了它们能正确播放必须赋予一大堆的参数。你的媒体标签将会非常复杂，大堆得令人迷惑的代码。而且HTML5视频和音频标签基本将他们视为图片：<video src=""/>。但是其它参数例如宽度和高度或者自动播放呢？不必担心，只需要像其它HTML标签一样定义：<video src=”url” width=”640px” height=”380px” autoplay/>。

<video src="movie.ogg" controls="controls">

您的浏览器不支持 video 标签。

</video>

五、三维、图形及特效特性

基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果，用户使用<canvas>可以开发游戏。<canvas>元素本身不具备绘制能力，依靠脚本来完成

当然HTML5还有诸多特性，以上简单的总结了一些。更多特效及用法参考w3school提供的手册；现在网络上HTML5相关的视频教程数不胜数。极客还有慕课都是很不错的

需要帮助可以关注公众号：伙拼学习