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

通过上图可知WebKit内部对网页内容在各个阶段的结构表示:首先是字节流,经过解码之后是字符流,然后通过词法分析器会被解释成词语(Tokens),之后经过语法分析器构建成节点,最后这些节点被组建成一棵DOM树。
2. 影子(shadow)DOM
影子DOM是一个新东西,它主要解决了一个文档中可能需要大量交互的多个DOM树建立和维护各自的功能边界的问题。
影子DOM的规范草案能够使得一些DOM节点在特定范围内可见,而在网页的DOM树中却不可见,但是网页渲染的结果中包含了这些节点。
在HTML5中有很多新特性,例如对视频、音频的支持,其实这些元素是由很复杂的控制界面组成的,这些界面也是使用HTML元素编写,但是在DOM树中,无法找到相应的节点,这其实是使用了影子DOM的思想。
网友评论