DOM模型

1. HTML解释器

HTML解释器的工作就是将从网络或本地磁盘中获取的HTML网页和资源从字节流解释成DOM树结构。

从资源的字节流到DOM树的过程

通过上图可知WebKit内部对网页内容在各个阶段的结构表示：首先是字节流，经过解码之后是字符流，然后通过词法分析器会被解释成词语（Tokens），之后经过语法分析器构建成节点，最后这些节点被组建成一棵DOM树。

2. 影子（shadow）DOM

影子DOM是一个新东西，它主要解决了一个文档中可能需要大量交互的多个DOM树建立和维护各自的功能边界的问题。

---

影子DOM的规范草案能够使得一些DOM节点在特定范围内可见，而在网页的DOM树中却不可见，但是网页渲染的结果中包含了这些节点。

---

在HTML5中有很多新特性，例如对视频、音频的支持，其实这些元素是由很复杂的控制界面组成的，这些界面也是使用HTML元素编写，但是在DOM树中，无法找到相应的节点，这其实是使用了影子DOM的思想。