如果非技术人员问你HTML5是什么，你会怎么说？

新的HTML规范。

它让浏览器能够做以前做不到的事情。(确切的说应该是为浏览器指定了很多新的接口标准，要求浏览器实现牛逼的功能。感谢这里的红色枫叶)

许多新的界面暴露给浏览器。

增加了很多新效果。

问的人不明白他想问的真正问题，但回答的人似乎明白了，但似乎缺少了什么。能力牛逼，界面新颖，效果酷炫，个回答的人都晕了。什么是HTML，CSS，DOM，JavaScript，大部分前端开发每天都在用，但是很少有人去思考它们之间的关系。

首先，HTML的全称是超文本标记语言，是一种标记形式的计算机语言。通过将这种标记语言交给一个特殊的解析器，可以解析出某种界面效果。浏览器是专门解析这种标记语言的解析器。我们说他的最终效果是在屏幕上显示一个特定的界面，所以浏览器必须将标签转换成一个内部数据结构，这就是DOM元素。例如，一个A标记是一个在浏览器内部的HTMLAnchorElement类型的实例。

一个HTML文件就像一篇用超文本标记语言写的文章。文章通常是结构化的，在浏览器眼里就是DOM。DOM描述了一系列层次节点树。(但此时浏览器中仍然存在DOM，而且是用C语言编写的)

随着历史的发展，当人们不再满足于简单的显示文本时，对一些文本进行特别强调或添加特殊格式的需求就慢慢出现了。面对人们对控制显示效果的需求，首先想到的也是最简单的方法就是添加标记。添加一些样式控制标记。这时出现了由字体、居中等样式控制的标记。但这样一来，所有的标记都可以分为两类：一类是我是什么，另一类是我如何展示。那不是什么大问题。标签很简单，但是浏览器解析标签就没那么简单了。想想看，如果这样做，DOM会分为两类，一类是描述元素的DOM节点，一类是描述显示效果的DOM节点。DOM节点可以表示元素或显示效果。我觉得一点也不尴尬。

最后，人们决定丢弃样式标签，并在元素标签中添加一个样式属性，该属性控制元素的样式(原始的样式声明语法必须非常简单)。样式标签原来的特性现在变成了样式特性的语法，样式标签变成了样式特性。逻辑上就清楚多了。那么问题来了：

如果一篇文章修辞过多，必然会引起读者的反感。如果把元素和显示效果放在一个文件里，不利于阅读。

如果有10个元素需要一个效果，你想重复一个样式10次吗

父元素的设置效果是否影响子元素？要不要拼一下。。

类似的问题肯定有很多，所以css，级联样式表，css规则，css选择器，css声明，CSS属性等等。已经解决了上面的痛点。标记语言层解决了，但是浏览器不能坐以待毙，必须提供支持。因此，当浏览器解析一个静态html文件时，它会遍历整个html文档以生成一个DOM树。加载所有样式资源后，浏览器开始构建渲染树。渲染树是根据级联后的一系列css声明来确定DOM元素应该如何绘制。此时页面上还没有显示界面，渲染树也是浏览器内存中的数据结构。渲染完树，开始布局，就像知道一个矩形的宽度和高度。现在，测量这幅画在画布上的位置以及它占据了多少空间。这个过程完成后，就是绘图过程，然后我们就有了我们看到的显示界面。

给标记增加一些效果的问题解决了，历史的车轮又开始前进了。慢慢地，人们不再满足于简单的展示效果，人们想要一些互动。当时写HTML的大部分人都不知道怎么开发软件。开个玩笑，你让我一写活动页面就用C？c这样做确实是高射炮打蚊子——大材小用。让游击队干正规军不屑干的事。当时网景开发了JavaScript语言。那时候JavaScript还没有现在这么火。土鳖的脚本语言没有现在统一宇宙的强大。

JavaScript是浏览器中运行的语言，HTML文本是静态的。JavaScript不可能修改静态文件，但是可以处理浏览器。但是，此时的DOM并不是今天的DOM。它们是C对象，要么转换成C指令来操作这些C对象，要么打包成JavaScript原生对象。历史选择了后者，标志着现代DOM的正式诞生。但是历史有时候也会有倒退，历史上总会有几件精彩的事情，比如IE，对他全家都很精彩，包括Edge！

马克思是江湖骗子，恩格斯是好同志。自然辩证法和唯物史观都是好东西。从历史的角度看，可以看出。CSS、DOM、JavaScript的产生和发展都来源于HTML和超文本标记语言。人们对网络的需求最终聚集在HTML上。所以，只要历史产生新的需求，最终的改变首先会发生在HTML规范中。

当交互性不能满足人们的需求时，web满足了一个新的需求：webapp。为了满足新的需求，首先要改变的是HTML规范。此时，现有的HTML4.0已经不能满足人们日益增长的需求。所以HTML5满足了历史的需要，经过八年的努力终于在2014年定稿！HTML5肯定是想加新标签的，但是对于传统HTML来说，HTML5是一种叛逆。之前的所有版本都只是三言两语描述JavaScript接口，主空间用来定义标签，所有与JavaScript相关的内容都是用DOM规范定义的。而HTML5规范围绕如何使用新标签定义了大量的JavaScript API(所以有些API与DOM重叠，定义了浏览器应该支持的DOM扩展，可见HTML5肯定不是HTML的最终版本)。

Postscript ——本文只是一个旁观者线性地翻阅HTML的历史，而历史更像是晴天霹雳。一声之后，有的人哭遍全国，有的人唱到云端。纪念曾经很红的Silverlight和Flex，纪念广大一线开发者不懈的精神、精力和逝去的青春。