一. 了解HTML5
是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。
HTML5 是从 Web Applications 1.0 项目发展而来的， 由网页超文本技术工作小组 （WHATWG）发起，后被 W3C 采纳。HTML5 规范的大部分内容都偏重于处理 Web 应用 程序。
目前最新的HTML5.1标准在2016发布，并且成为w3c的推荐标准。HTML5.2标准亦在制定中。
HTML5不仅仅是对HTML的升级改进，更加体现了 Web应用程序 这个概念。THML5目前是包括CSS3和JavaScript技术在内的技术和标准的统称。
HTML5更重要的是它制定了Web应用开发的一系列标准，成为第一个将Web做为应用开发平台的HTML语言。
HTML5定义了一系列新元素，如新语义标签、智能表单、多媒体标签等，可以帮助开发者创建富互联网应用，还提供了一些Javascript API，如地理定位、重力感应、硬件访问等，可以在浏览器内实现类原生应用，甚至结合Canvas我们可开发网页版游戏。
广义概念：HTML5代表浏览器端前端技术的一个新发展阶段。在这个阶段，浏览器呈现技术得到了一个飞跃发展和广泛支持，HTML5是包括：HTML5，CSS3，Javascript API在内的一套技术组合
二. HTML5语法规范
特点：HTML5的语法更简洁和更宽松
HTML5在语法规范上也做了比较大的调整，去除了许多冗余的内容，书写规则更加简洁、清晰。
简洁的文档声明。
<!--HTML5的文档声明--> <!DOCTYPE html> <!--下面是以前的4.01过渡版本的文档声明--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">标签支持大写和小写。
建议：开发过程中所有标签名小写！
空标签可以关闭也可以不关闭。
建议：所有的标签都有关闭，空标签也建议关闭。 对自己来说至少要做到统一。比如：空标签要么都关闭要么都不关闭。
<!--空标签可以不关闭--> <img src="" > <!--空标签也可以关闭--> <img src="" />双标签可以省略结束标签。但是建议永远不要省略，因为浏览器在自动给你补齐的时候，可能并不是你想要的。
<!--在html5中，这是完全合法的。 只有开始标签没有结束标签--> <div id=box>属性值双引号("")或单引号('')均可以省略。
建议：不要省略双引号和单引号
<!--属性值的引号可以省略。 但是有一点例外：属性值如果有空格的时候，则引号不能省略，比如多个类名--> <div id=box></div>script、style、link标签的type属性可以省略。
<!--属性 type="text/css" 可以省略--> <style></style> <!-- type="text/javascript" 可以省略--> <script></script> <!-- type="text/css" 可以省略--> <link rel="stylesheet" href=""/>更简单方法指定字符编码
<!--HTML5指定页面字符编码的方式--> <meta charset="UTF-8"> <!--以前的版本指定页面字符编码的方式--> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />html、head、body可以完全省略。
建议永远不要省略！
而且省略后有些浏览器中可能会崩溃