欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

浏览器是如何运行HTML的?_html/css_WEB-ITnose

程序员文章站 2022-04-10 08:53:47
...
什么是网页

网页(HTML page)是在浏览器(Browser)上运行并且可以与用户产生互动的应用程序。

此图为浏览器运行HTML

这个想说明什么呢:

1.网页呢实际上就是一个按照某种格式,字符代码组成的一个文件(HTML Document)

2.这个文件是由HTML Tag,CSS样式,JS代码构成的,HTML Tag组成文件,而css和Js都是加载网页时候的各种资源

3.浏览器上运行网页时候,浏览器会先创建HTML运行环境(HTML Context),这个环境包含着网页运行时候使用的

各种资源。接着,浏览器就开始读取HTML文件,将其加载入内存,按照语法来解析标签,在解析过程中,浏览器可

以按照标签的语义将其分为两种类型

①系统资源类型

是用来描述浏览器,运行环境中的运行参数,样式设置等资源,例如JS和CSS。它们不会通过浏览器显示给用户,

而是在后台提供网页运行时使用的各种资源给浏览器,运行环境使用

②用户界面类型

用于显示在网页上的各种用户界面控件(例如textbox,button)

4.在浏览器分析组成文件的标签过程中,也会将文件转换为程序代码能够处理的对象模型DOM(Document Object Model) ,

并将这个对象模型创建在运行环境中。DOM是树状的对象模型,浏览器会将 一份HTML文件转换成为一个DOM对象书,

而对象树上的每个DOM节点都是对应HTML文件中的一个标签。

DOM是浏览器在HTML运行环境中提供给开发人员使用,用来控制HTML文件的一组API,通过DOM API在DOM对象树上对于DOM节点的

各种操作,都会反应到HTML文件上