浏览器通过解析 HTML 和 CSS 分别构建 DOM 树和 CSSOM 树,两者独立构建,为后续渲染提供基础结构。

论据/示例

DOM 树构建

  • HTML 解析器读取 HTML 标签
  • 将标签转换为节点(Element)
  • 节点嵌套形成树形结构

CSSOM 树构建

  • CSS 解析器读取 CSS 规则
  • 将规则转换为节点
  • 同样形成树形结构

独立性

  • DOM 和 CSSOM 可以并行构建
  • 两者都完成后才能合并为渲染树

关联