HTML5 的时代曾经到来，它对所有做前端搭建制作设计开发人员来说是一种福音。HTML5 致力于解决跨浏览器问题，能够局部取代 JavaScript，HTML5 致力于把浏览器变成一个前端执行菠菜程序环境，而不是简略地视图工具。
第一局部，理解 HTML 和 XHTML
HTML——Hyper Text Markup Language(超文本标记语言)，它的发展史比较复杂，从 1991 年年底推出 HTML, 过后 HTML 并没有严格的定义，一路走来 HTML2.0，HTML3.2，HTML4.0，HTML4.0.1，XHTML1.0。XHTML 堪称是历尽了千锤百炼。XHTML——eXtensible Hyper Text Markup Language(扩大的超文本标记语言)。HTML4.0.1 和 XHTML 具备了良好的兼容性，而且 XHTML 是更严格、更污浊的 HTML 代码。咱们习惯性的认为 HTML 是一种结构化的文档，但实际上 HTML 的语法非常的自在、宽容（次要是各个浏览器放纵的后果）比方如下的代码，HTML 标签有头无尾，十分不标准：这显然违反了结构化文档的规定，然而用浏览器来浏览这份文档时，仍然能够看到浏览成果——这就是 html 不标准的中央。而 XHTML 致力于打消这种标准，XHTML 要求 HTML 文档首先必须是一份 XML 文档。通常，计算机里的浏览器能够凑合各种不标准的 HTML 文档，但当初很多浏览器运行在移动电话和手持设施上，它们就没有能力来解决那些蹩脚的标记语言。第二局部：从 XHTML 到 HTML5
WHATWG(Web Hypertext Application Technology Workding Group，Web 超文本利用技术工作组)制订了一个新的 HTML 规范，HTML5。大量的考察表明：即便在一些正规的网站中，也很少有网站能通过 HTML 标准验证。仅有 6.57% 的网站合乎 HTML 标准验证。如果把那些名不见经传的小网站思考在内，整个互联网简直都是不符合规范的 HTML 页面。现有的 HTML 页面大量存在如下 4 中不符合规范的内容
1. 元素的标签大小写混淆。比方：<p></P>。2. 元素没有正当完结的状况。比方：只有 <p> 没有 </p>。3. 元素中的属性没有指定属性值。比方 <input type="text" disabled>。4. 为元素的属性指定属性值时没有应用引号。比方：<input type=text>。出于“存在即正当”的思考，WHATWG 组织开始定义一种“斗争式”的标准：HTML5。HTML5 成人以上的不标准是符合规范的。HTML5 是标准制定者对斗争的实现。HTML5 的劣势：从 HTML4.0.1、XHTML 到 HTML5, 并不是一种革命性的降级，而是一种标准向习惯的斗争，因而从 HTML 到 HTML5 的适度十分的轻松。1. 解决跨浏览器问题。跨浏览器问题相对是一个永恒的“噩梦”，HTML 的呈现可能会扭转这种场面，目前各种支流浏览器如：IE、Chrome、Firefox、Opera、Safari 都体现出对 HTML5 极大的激情。如果各浏览器都遵循 HTML5 标准，当前前端程序员开发 HTML+CSS+JavaScript 页面将会变得更加轻松。2. 局部代替了原来的 JavaScript。比方 HTML5 以前要实现：关上一个页面后立刻让某行文本框取得焦点，要通过 javascript 来实现，而当初只须要加上一个属性 (autofocus) 即可。3. 更明确的语义反对。（1）HTML5 提供了 <header>...</header>;<nav>...</nav>;<article>...</article>;<section>...</section>;<aside>...</aside>;<footer>...</footer> 来代替以前只能通过 div 来实现的文档构造。(2)HTML5 提供了两个新增的元素 <time>2017-4-18</time>;<mark> 被标记的语言 </mark> 提供了更加丰盛的语义相比于原来的 <em../>(em 示意被强调的内容，然而到底是哪一种强调并不分明)。4. 加强了 WEB 应用程序的性能。始终以来，HTML 被死死地限度着，客户端从服务器下载 HTML 页面数据，浏览器负责出现这些 HTML 页面数据。出于对客户机安全性思考，以前的 HTML 在安全性方面做的足够平安。于是呢，咱们就须要通过 JavaScriptlai 等其余形式来减少 HTML 的性能。HTML5 的语法变动
1. 标签不再辨别大小写。2. 元素能够省略完结标签。3. 容许省略属性值的属性。4. 容许属性值不应用引号。（然而对于蕴含空格等容易引起浏览器混肴的属性值时候，HTML5 强烈建议应用引号把这种非凡的属性值引起来）