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

最新推荐文章于 2021-09-10 10:24:44 发布

robinliu2010

最新推荐文章于 2021-09-10 10:24:44 发布

阅读量918

点赞数

分类专栏： HTML JSOUP 文章标签： html 浏览器 behavior token url webkit

19 篇文章 0 订阅

订阅专栏

10 篇文章 0 订阅

订阅专栏

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。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注