zh-cn: add the translation of "How browsers load websites" by AChinaPerson · Pull Request #32962 · mdn/translated-content

AChinaPerson · 2026-02-01T12:19:09Z

Description

Deepseek翻译了文章本体，人工修改了url且翻译了svg

Motivation

It is of course that there's not a translation of Simplified Chinese
当然是因为没有简体中文翻译啊

Additional details

Related issues and pull requests

中文翻译

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

github-actions · 2026-02-01T13:25:45Z

Preview URLs (1 page)

/zh-CN/docs/Learn_web_development/Getting_started/Web_standards/How_browsers_load_websites

Flaws (1)

Found an unexpected or unresolvable flaw? Please report it here.

URL: /zh-CN/docs/Learn_web_development/Getting_started/Web_standards/How_browsers_load_websites
Title: 浏览器如何加载网站
Flaw count: 1

broken_links:
- Link /zh-CN/docs/Learn_web_development/Getting_started/Web_standards/ is a redirect

(comment last updated: 2026-02-11 08:42:15)

jasonren0403

请参照我们的本地化指南和 mdn-linter 提出的修复建议进行修复，主要注意代名词问题（使用“你”）和示例代码块参数的变换（替换 EmbedLiveSample 的第一个参数为对应的标题内容，linter bot 没有指出，需要自行修复）

jasonren0403

新加翻译需要尽量参照 mdn-content 仓库的最新版本的英语文档的行文

jasonren0403 · 2026-02-11T05:35:52Z

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

+
+{{PreviousMenuNext("Learn_web_development/Getting_started/Web_standards/The_web_standards_model", "Learn_web_development/Getting_started/Soft_skills", "Learn_web_development/Getting_started/Web_standards")}}
+
+在上一篇文章中，我们介绍了构建网站所用的[各类技术](/zh-CN/docs/Learn_web_development/Getting_started/Web_standards/)。本文将深入讲解这些技术是如何被浏览器渲染出来的——当浏览器收到构成网页的代码文件和其他资源后，它们如何被组合成用户最终看到并与之交互的完整页面？


注意链接，要找到中文文档对应的锚点位置

以及句子漏翻译了一部分

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

jasonren0403 · 2026-02-11T05:42:18Z

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

+
+## 网页渲染过程
+
+当用户访问一个新网页（比如点击链接或输入网址）时，浏览器会发出多个 HTTP 请求，并接收对应的响应文件。浏览器会处理这些文件，将它们组合成一个可交互的网页。这个过程称为**渲染**。


Suggested change

当用户访问一个新网页（比如点击链接或输入网址）时，浏览器会发出多个 HTTP 请求，并接收对应的响应文件。浏览器会处理这些文件，将它们组合成一个可交互的网页。这个过程称为**渲染**。

当用户访问一个新网页（比如点击链接或输入网址）时，浏览器会发出多个 HTTP 请求，并接收到 HTTP 响应中的多个文件。浏览器会处理这些文件，将它们组合成一个可交互的网页。这个过程称为**渲染**。

jasonren0403 · 2026-02-11T05:43:21Z

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

+
+## 解析 HTML
+
+浏览器首先收到 HTML 文件，并将其解析成一棵**DOM 树**（文档对象模型）。DOM 以树状结构在内存中表示整个 HTML 文档的层次关系。例如下面这段简单的 HTML：


Suggested change

浏览器首先收到 HTML 文件，并将其解析成一棵**DOM 树**（文档对象模型）。DOM 以树状结构在内存中表示整个 HTML 文档的层次关系。例如下面这段简单的 HTML：

浏览器首先收到 HTML 文件，并将其解析成一棵**DOM 树**（**文档对象模型**）。DOM 以树状结构在内存中表示整个 HTML 文档的层次关系。例如下面这段简单的 HTML：

jasonren0403 · 2026-02-11T05:45:20Z

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

+</p>
+```
+
+每个标签、属性和文本都会成为 DOM 树中的一个**节点**。节点之间通过父子、兄弟关系相互关联。以上面的 HTML 为例，浏览器解析后会生成如下结构的 DOM 树：


Suggested change

每个标签、属性和文本都会成为 DOM 树中的一个**节点**。节点之间通过父子、兄弟关系相互关联。以上面的 HTML 为例，浏览器解析后会生成如下结构的 DOM 树：

每个标签、属性和文本都会成为树结构中的一个 **DOM 节点**。节点之间通过父子、兄弟关系相互关联。节点通过其与其他 DOM 节点的关系来定义。某些元素是子节点的父节点，而子节点之间存在兄弟节点关系。以上面的 HTML 为例，浏览器将解析此 HTML 并据此创建以下 DOM 树：

jasonren0403 · 2026-02-11T08:31:17Z

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

+
+{{EmbedLiveSample('执行 JavaScript', '100%', 90)}}
+
+## 其他渲染相关步骤


按照最新版英语文档的内容重新同步一下，行文不太一样

jasonren0403 · 2026-02-11T08:36:03Z

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

+
+- **构建无障碍树**：浏览器会基于 DOM 生成一份辅助技术（如屏幕阅读器）专用的树状结构，帮助视障用户理解页面内容。我们将在后续的[无障碍](/zh-CN/docs/Learn_web_development/Core/Accessibility)模块中详细介绍这一点。
+
+## 浏览器作为开发环境：挑战与魅力并存


这一章节也是，与原文有点出入，需要核对原文重新同步

jasonren0403 · 2026-02-11T08:36:37Z

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

+- **即时更新**：开发者更新代码后，用户刷新页面即可获得最新版本。
+- **活跃的社区**：Web 技术生态丰富，学习资源众多，社区氛围友好，容易获得帮助。
+
+## 延伸阅读


标题有统一翻译约定

Suggested change

## 延伸阅读

## 参见

jasonren0403 · 2026-02-11T08:38:07Z

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

+## 延伸阅读
+
+- [何时以及如何向浏览器报告 Bug](/zh-CN/docs/Learn_web_development/Howto/Web_mechanics/File_browser_bugs)
+  - 如果你在浏览器中遇到了疑似 Bug 的行为，这篇文章会教你如何确认并提交有效的 Bug 报告。


Suggested change

- 如果你在浏览器中遇到了疑似 Bug 的行为，这篇文章会教你如何确认并提交有效的 Bug 报告。

- 如果浏览器中某些功能未按预期运行，可能是浏览器存在缺陷。本文将说明如何判断是否存在缺陷，以及如何提交缺陷报告。

jasonren0403 · 2026-02-11T08:38:49Z

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

+
+## 延伸阅读
+
+- [何时以及如何向浏览器报告 Bug](/zh-CN/docs/Learn_web_development/Howto/Web_mechanics/File_browser_bugs)


Suggested change

- [何时以及如何向浏览器报告 Bug](/zh-CN/docs/Learn_web_development/Howto/Web_mechanics/File_browser_bugs)

- [何时以及如何向浏览器提交缺陷报告](/zh-CN/docs/Learn_web_development/Howto/Web_mechanics/File_browser_bugs)

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

…s/how_browsers_load_websites/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

AChinaPerson · 2026-02-15T02:23:23Z

已按照要求修改，另外添加了l10n:sourceCommit元素

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md

AChinaPerson added 4 commits January 18, 2026 23:17

Create index.md

e305579

中文翻译

Update index.md

6922527

Add files via upload

4cfbf55

Update index.md

d3feed1

AChinaPerson requested a review from a team as a code owner February 1, 2026 12:19

AChinaPerson requested review from jasonren0403 and removed request for a team February 1, 2026 12:19

github-actions bot added the l10n-zh Issues related to Chinese content. label Feb 1, 2026

github-project-automation bot added this to MDN translated-content l10n-zh Feb 1, 2026

github-project-automation bot moved this to Review requested in MDN translated-content l10n-zh Feb 1, 2026

github-actions bot reviewed Feb 1, 2026

View reviewed changes

AChinaPerson added 2 commits February 1, 2026 22:18

Update index.md

b4da21b

Merge branch 'mdn:main' into main

a0758df

yin1999 changed the title ~~How browsers load websites简体中文翻译deepseek+人工~~ zh-cn: add the translation of "How browsers load websites" Feb 2, 2026

jasonren0403 requested changes Feb 4, 2026

View reviewed changes

github-project-automation bot moved this from Review requested to In progress - PRs in MDN translated-content l10n-zh Feb 4, 2026

Update index.md

094596e

jasonren0403 requested changes Feb 11, 2026

View reviewed changes

Update index.md

d9a2cc1

github-actions bot reviewed Feb 15, 2026

View reviewed changes

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md Outdated Show resolved Hide resolved

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md Outdated Show resolved Hide resolved

AChinaPerson and others added 2 commits February 15, 2026 09:53

Update files/zh-cn/learn_web_development/getting_started/web_standard…

b0928c7

…s/how_browsers_load_websites/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Update files/zh-cn/learn_web_development/getting_started/web_standard…

6a100fa

…s/how_browsers_load_websites/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

minor fixes

f6d4308

jasonren0403 approved these changes Mar 2, 2026

View reviewed changes

jasonren0403 reviewed Mar 2, 2026

View reviewed changes

...h-cn/learn_web_development/getting_started/web_standards/how_browsers_load_websites/index.md Outdated Show resolved Hide resolved

Apply suggestion from @jasonren0403

a44a4e3

jasonren0403 enabled auto-merge (squash) March 2, 2026 03:05

jasonren0403 merged commit 9eebef1 into mdn:main Mar 2, 2026
6 checks passed

github-project-automation bot moved this from In progress - PRs to Done in MDN translated-content l10n-zh Mar 2, 2026


		{{PreviousMenuNext("Learn_web_development/Getting_started/Web_standards/The_web_standards_model", "Learn_web_development/Getting_started/Soft_skills", "Learn_web_development/Getting_started/Web_standards")}}

		在上一篇文章中，我们介绍了构建网站所用的[各类技术](/zh-CN/docs/Learn_web_development/Getting_started/Web_standards/)。本文将深入讲解这些技术是如何被浏览器渲染出来的——当浏览器收到构成网页的代码文件和其他资源后，它们如何被组合成用户最终看到并与之交互的完整页面？


		## 网页渲染过程

		当用户访问一个新网页（比如点击链接或输入网址）时，浏览器会发出多个 HTTP 请求，并接收对应的响应文件。浏览器会处理这些文件，将它们组合成一个可交互的网页。这个过程称为渲染。


		## 解析 HTML

		浏览器首先收到 HTML 文件，并将其解析成一棵DOM 树（文档对象模型）。DOM 以树状结构在内存中表示整个 HTML 文档的层次关系。例如下面这段简单的 HTML：

	浏览器首先收到 HTML 文件，并将其解析成一棵DOM 树（文档对象模型）。DOM 以树状结构在内存中表示整个 HTML 文档的层次关系。例如下面这段简单的 HTML：
	浏览器首先收到 HTML 文件，并将其解析成一棵DOM 树（文档对象模型）。DOM 以树状结构在内存中表示整个 HTML 文档的层次关系。例如下面这段简单的 HTML：

	每个标签、属性和文本都会成为 DOM 树中的一个节点。节点之间通过父子、兄弟关系相互关联。以上面的 HTML 为例，浏览器解析后会生成如下结构的 DOM 树：
	每个标签、属性和文本都会成为树结构中的一个 DOM 节点。节点之间通过父子、兄弟关系相互关联。节点通过其与其他 DOM 节点的关系来定义。某些元素是子节点的父节点，而子节点之间存在兄弟节点关系。以上面的 HTML 为例，浏览器将解析此 HTML 并据此创建以下 DOM 树：


		{{EmbedLiveSample('执行 JavaScript', '100%', 90)}}

		## 其他渲染相关步骤


		- 构建无障碍树：浏览器会基于 DOM 生成一份辅助技术（如屏幕阅读器）专用的树状结构，帮助视障用户理解页面内容。我们将在后续的[无障碍](/zh-CN/docs/Learn_web_development/Core/Accessibility)模块中详细介绍这一点。

		## 浏览器作为开发环境：挑战与魅力并存

	- 如果你在浏览器中遇到了疑似 Bug 的行为，这篇文章会教你如何确认并提交有效的 Bug 报告。
	- 如果浏览器中某些功能未按预期运行，可能是浏览器存在缺陷。本文将说明如何判断是否存在缺陷，以及如何提交缺陷报告。


		## 延伸阅读

		- [何时以及如何向浏览器报告 Bug](/zh-CN/docs/Learn_web_development/Howto/Web_mechanics/File_browser_bugs)

	- [何时以及如何向浏览器报告 Bug](/zh-CN/docs/Learn_web_development/Howto/Web_mechanics/File_browser_bugs)
	- [何时以及如何向浏览器提交缺陷报告](/zh-CN/docs/Learn_web_development/Howto/Web_mechanics/File_browser_bugs)

Conversation

AChinaPerson commented Feb 1, 2026

Description

Motivation

Additional details

Related issues and pull requests

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

github-actions bot commented Feb 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

jasonren0403 left a comment

Choose a reason for hiding this comment

Uh oh!

jasonren0403 left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

AChinaPerson commented Feb 15, 2026

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

github-actions bot commented Feb 1, 2026 •

edited

Loading