[TOC]

页面构建阶段 page-building phase

页面构建阶段开始于浏览器获取到HTML代码时,该阶段为浏览器构建页面UI的基础
目的:构建web应用的UI

解析HTML并构建文档对象模型(DOM Document Object Model)

该步骤会在浏览器处理HTML节点的时候执行,每个HTML元素都会被解析成一个DOM节点。

虽然DOM由HTML构建而成,但他们并不相同,可以把HTML看成是页面构建初始DOM的蓝图,为了创建正确的DOM,浏览器会修复他在HTML中发现的问题.

比如HTML源码中将p标签放在head标签下,这是错误的,浏览器会改正他将p标签作为body标签的子节点形成最终正确的DOM

执行js代码

当浏览器在HTML代码中碰到