HTML本身并非可执行的编程语言，而是一种依赖浏览器解析与渲染的标记语言；当你打开网页时，浏览器会经历请求HTML文件、构建DOM树、加载CSS生成CSSOM、合并形成渲染树，再通过布局、绘制和合成等步骤，最终将静态代码转化为可视化的页面——这一系列幕后机制揭示了网页从文本到图像的奇妙转化过程，也为你优化性能、提升用户体验提供了关键洞察。

HTML 本身并不是一种编程语言，而是一种标记语言，它的运行机制依赖于浏览器的解析和渲染过程。当你在浏览器中打开一个网页时，背后其实发生了一系列复杂的步骤，最终将 HTML 代码转化为你看到的页面内容。下面来详细解析 HTML 是如何“运行”的。

1. 浏览器请求 HTML 文件

当你输入网址或点击链接时，浏览器会向服务器发起 HTTP 请求，获取对应的 HTML 文件。这个文件本质上是一个纯文本文件，包含了结构化的标签和内容。

例如，服务器返回如下内容：

浏览器接收到这段文本后，就开始进入解析阶段。

2. 解析 HTML 构建 DOM 树

浏览器内置的 HTML 解析器会逐行读取 HTML 文本，识别标签、属性和文本内容，并将其转换为一种内部数据结构——DOM（Document Object Model，文档对象模型）。

DOM 是一个树状结构，每个 HTML 元素都对应一个节点。比如

变成一个元素节点，其中的文本变成文本节点。

构建 DOM 的过程是递进的，浏览器边下载边解析，不必等整个文件下载完成才开始。

3. 加载外部资源并构建渲染树

在解析 HTML 的过程中，如果遇到 引入 CSS、