浏览器用于处理/理解HTML的内部机制是什么？

Question

浏览器如何理解HTML？

内部发生的实际处理是什么,以便浏览器以正确的可视方式呈现HTML？

Answer 1

这取决于特定的浏览器,但一般过程如下:

1. 阅读HTML并将其解析为DOM树.
2. 加载链接的资源(样式表,脚本,图像,媒体)
3. 计算页面布局(位置,大小,颜色,字体等)
4. 渲染页面

在现代浏览器中,这些操作部分并行运行,使得事情比它们看起来要复杂得多.

如果您想了解更多详细信息,可以查看源代码 - 至少Firefox(和其他基于Gecko的浏览器)和WebKit(Google Chrome和Safari的基础)都是开源的.