欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

浏览器了解(二)HTML解析过程

发布时间:2024/4/11 HTML 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 浏览器了解(二)HTML解析过程 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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。

    转载于:https://blog.51cto.com/zilla/832521

    总结

    以上是生活随笔为你收集整理的浏览器了解(二)HTML解析过程的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。