戏说HTML5

　　若是有非技术人员问你，HTML5是什么，你会怎么回答？

 

　　新的HTML规范。。。

　　给浏览器提供了牛逼能力，干之前不能干的事。。。（确切地说应该是给浏览器规定了许多新的接口标准，要求浏览器实现牛逼的功能。。。 这里感谢红枫一叶）

　　给浏览器暴露了许多新的接口。。。

　　加了不少新的效果。。。

　　

　　问的人其实并不明白他想问的真正问题，回答的人貌似明白，但又好像少了点什么。牛逼的能力、新的接口、炫酷的效果，首先回答的人本身就是晕晕乎乎。什么是HTML、什么是CSS、什么是DOM、什么是JavaScript，大部分的前端开发天天都在用这些，但不多会有人去思考一下他们之间的关系。

　　首先，HTML的全称是超文本标记语言，是一种标记形式的计算机语言。将这种标记语言给专门的解析器，就可以解析出必定的界面效果。浏览器就是专门解析这种标记语言的解析器。咱们说他最终的效果是在屏幕上展现出特定的界面，那么浏览器确定要把一个个的标记转换成内部的一种数据结构，这种数据结构即是DOM元素。好比，一个<a>标签在浏览器内部的世界中就是一个HTMLAnchorElement类型的一个实例。

　　一个HTML文件就比如用超文本标记语言写的一篇文章，文章一般是有结构的，在浏览器眼里它就是DOM。DOM描述了一系列层次化的节点树。（但这时候的DOM仍是存在于浏览器内部是C++语言编写的）

 

　　随着历史的发展，当人们不在知足简单的显示文本，对于某些文本须要特殊强调或者给添加特殊格式的需求，慢慢的冒了出来。面对人们须要控制显示效果的需求，最早想到的也最简单的方式就是加标记。加一些样式控制的标记。这时候就出现了像<font>、<center>这种样式控制的标记。可是这样一来，全部的标记就会分为两大类：一种是说我是什么，一种是说我怎么显示。这还不是大问题，标记简单，可是浏览器要解析标记可就不那么简单了。想想，这样干的话DOM也就要分红两大类，一类属于描述元素的DOM节点，一类属于描述显示效果的DOM节点。一个DOM节点可能表明一个元素，也多是表明一种显示效果。怎么看都以为别扭呀。

　　最后人们决定废弃样式标签，给元素标签添加一个style特性，style特性控制元素的样式（最初的样式声明语法确定很简单）。原来的样式标签的特性，如今变成了样式特性的语法，样式标记变成了样式特性。这样逻辑上就清晰多了。那么问题来了：

• 一篇文章若是修辞过多，必然会引发读者的反感。若是把元素和显示效果都放在一个文件中，必然不利于阅读。
• 若是有10个元素都须要一个效果，是否是要把一个style重复写十遍呢
• 父元素的设置效果对子元素有没有影响，让不让拼爹
• 。。。。。。。。。

　　相似的问题确定有不少，因此出来了CSS，层叠样式表，带来了css规则、css选择器、css声明、css属性等，这样以来就解决了以上痛点。标记语言这层解决了，可是浏览器就不能干坐着玩耍了，必然得提供支持。因此浏览器来解析一个静态html文件时，遍历整个html文档生成DOM树，当全部样式资源加载完毕后，浏览器开始构建呈现树。呈现树就是根据一系列css声明，经历了层叠以后，来肯定一个个个DOM元素应该怎么绘制。这时候其实页面上尚未显示任何界面，渲染树也是浏览器内存里面的一种数据结构。渲染树完成以后，开始进行布局，这就比如已经知道一个矩形的宽高，如今要在画布量一量该画在哪，具体占多大地方。这个过程完了以后就是绘制的过程，而后咱们便有了咱们看到的显示界面了。

　　

　　给标记加点效果的问题解决了，历史的车轮又开始前进了。慢慢的人们再也不知足简单的显示效果，人们但愿来点交互。那个时候写HTML的大部分并不懂软件开发，开玩笑嘛，我一写活动页的你让我用C++？C++干这事的确是高射炮打蚊子——大材小用。那正规军不屑干的事就交给游击队吧，这时候网景公司开发出了JavaScript语言，那时候的JavaScript根本没有如今这么火，一土鳖脚本语言，哪像如今这么牛逼哄哄统一宇宙。

　　JavaScript本是运行在浏览器的语言，HTML文本是静态的，不可能让JavaScript修改静态文件，但能够跟浏览器内部打交道。但是这个时候的DOM并非今天的DOM，他们是C++对象，要么把JavaScript转换成C++指令操做这些C++对象，要么把这些C++对象包装成JavaScript原生对象。历史选择了后者，这时候也就标志着现代DOM的正式诞生。不过历史有时候会出现倒退，历史上总会出现几个奇葩，好比IE，IE奇葩他全家，包括Edge！

　　马克思是个江湖骗子，但恩格斯是个好同志。天然辩证法与历史惟物主义是好东西。从历史的角度咱们能够看到。CSS、DOM、JavaScript的出现于发展最终的源头都在HTML，超文本标记语言。人们对web的需求最终都聚集在HTML上。因此只要历史产生新的需求，最终的变化都首先发生在HTML规范上。

　　当交互性不能在知足人们需求时，web迎来了新的需求：webapp。要迎合新的需求，首先要改变的就是HTML规范，这个时候已有的HTML4.0，已经没法知足人们日益增加的需求，因此HTML5迎着历史的需求，通过八年的艰苦努力，终于在2014年正式定稿！HTML5确定是要加入新标签，然对于传统HTML而言，HTML5算是一个叛逆。全部以前的版本对于JavaScript接口的描述都不过三言两语，主要篇幅都用于定义标记，与JavaScript相关内容一律交由DOM规范去定义。而HTML5规范，则围绕着如何使用新增标记定义了大量JavaScript API（因此其中有一些API是与DOM重叠，定义了浏览器应该支持的DOM扩展，由此能够看到HTML5也一定不是HTML的最终版）。

 

　　后记—— 本文只是一个旁观者以线性的方式来翻阅HTML的发展史，但历史更像是晴空上忽然的晴天霹雳，一声事后，有人哀嚎遍野，有人高歌入云。以此记念曾红极一时的Silverlight、Flex，以此记念广大一线开发者活到老学到老的不懈精神、曾经耗费的精力、曾经逝去的青春。