logo
HTML

HTML 页面从输入 URL 到渲染完成,HTML 做了什么?

Updated Apr 14, 2026

面试回答

考察点:浏览器渲染流程


这个问题偏综合,我一般会重点强调 HTML 的角色。

流程大概是:

  1. 浏览器拿到 HTML

  2. 解析 HTML → 构建 DOM 树

  3. 遇到 CSS → 构建 CSSOM

  4. DOM + CSSOM → Render Tree

  5. Layout(布局)

  6. Paint(绘制)

HTML 在这里的核心作用是:
👉 提供结构,生成 DOM 树,是一切渲染的基础

如果 HTML 结构写得不好(比如乱嵌套),会直接影响后续渲染性能。