“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《HTML如何运行？详解运行机制》后，能够真的帮助到大家。我也会在后续的文章中，陆续更新文章相关的技术文章，有好的建议欢迎大家在评论留言，非常感谢！

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、