浏览器了解（二）HTML解析过程

来源：互联网发布：房子设计软件编辑：程序博客网时间：2024/04/30 07:35

v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);}

HTML解析过程

假设有这样一段HTML文本：

<html> 
 <body> 
    <p> 
      Hello World 
    </p> 
 
    <div> <img src="example.png"/></div> 
 </body> 
</html>

解析后的结果应该如下图所示

WebKit的解析的过程为：

Html的解析主要包括两个部分

1. Tokeniser阶段

这是一个基于事件的HTML文本解析过程，最后会生成一个Token序列输出，当然此过程中来自网络的HTML不一定是整个文档，网络端接收到一部分HTML字节流时就会通知解析机解析该部分的内容。

2. TreeConstruction阶段

Tokeniser阶段的Token序列产生后，就会把序列一个一个地输入到TreeConstruction中，最后输出DOMTree。

本文出自 “雨轩印象” 博客，请务必保留此出处http://zilla.blog.51cto.com/3095640/832521