浏览器内部工作原理
求极客时间的浏览器工作原理与实践
求极客时间的浏览器工作原理与实践随着互联网的迅速发展，越来越多的人开始使用浏览器来浏览网页。
但是，很多人并不了解浏览器的工作原理，只是简单地使用它们。
本文将介绍浏览器的工作原理以及如何实践浏览器的开发。
一、浏览器的工作原理1.1 浏览器的组成浏览器的组成主要包括以下几个部分：（1）用户界面：包括地址栏、前进和后退按钮、书签菜单等。
（2）浏览器引擎：负责处理用户界面和渲染引擎之间的交互。
（3）渲染引擎：负责解析 HTML 和 CSS，并将它们渲染成页面。
（4）网络组件：负责处理 HTTP 请求和响应。
（5）JavaScript 解释器：负责解析和执行 JavaScript 代码。
（6）数据存储：浏览器需要保存用户的历史记录、书签等数据。
1.2 浏览器的工作流程浏览器的工作流程主要包括以下几个步骤：（1）用户输入 URL：用户在地址栏输入 URL，浏览器会将 URL 解析成协议、主机名和路径。
（2）发起 HTTP 请求：浏览器向服务器发起 HTTP 请求，请求包括请求头和请求体。
（3）服务器响应：服务器收到请求后，会返回响应头和响应体。
（4）渲染页面：浏览器将响应体中的 HTML 和 CSS 解析成 DOM 树和 CSSOM 树，然后将它们合并成渲染树，并将渲染树渲染成页面。
（5）执行 JavaScript：如果页面中包含 JavaScript 代码，浏览器会执行 JavaScript 代码，并将结果渲染到页面上。
（6）更新页面：如果用户点击了链接或者发起了其他 HTTP 请求，浏览器会重复以上步骤，更新页面。
二、浏览器的实践2.1 浏览器的开发浏览器的开发需要掌握以下几个方面的知识：（1）HTML 和 CSS：浏览器需要解析 HTML 和 CSS，并将它们渲染成页面。
（2）JavaScript：浏览器需要执行 JavaScript 代码，并将结果渲染到页面上。
（3）网络编程：浏览器需要发起 HTTP 请求和处理服务器响应。
WEB浏览器工作原理
WEB浏览器工作原理WEB浏览器是我们日常生活中必不可少的工具，它能够帮助我们访问互联网上的各种网页内容。
但是，很多人对WEB浏览器的工作原理并不是很了解。
本文将从几个方面详细介绍WEB浏览器的工作原理。
一、用户输入网址1.1 用户在浏览器地址栏中输入网址。
1.2 浏览器根据用户输入的网址，通过DNS解析找到对应的IP地址。
1.3 浏览器向服务器发送HTTP请求，请求网页内容。
二、浏览器发送HTTP请求2.1 浏览器向服务器发送HTTP请求，请求网页内容。
2.2 服务器接收到请求后，根据请求的内容生成对应的网页文件。
2.3 服务器将生成的网页文件发送给浏览器。
三、浏览器渲染网页3.1 浏览器接收到服务器发送的网页文件后，开始解析HTML、CSS和JavaScript代码。
3.2 浏览器根据HTML代码构建DOM树，根据CSS代码构建CSSOM树。
3.3 浏览器将DOM树和CSSOM树结合起来，生成渲染树，然后将渲染树转换为屏幕上的像素。
四、浏览器渲染引擎4.1 浏览器的渲染引擎负责解析HTML和CSS代码，将网页内容渲染成可视化的页面。
4.2 渲染引擎会根据网页内容的结构和样式，计算出每个元素在页面上的位置和样式。
4.3 渲染引擎还会处理JavaScript代码，实现网页的交互功能。
五、浏览器显示网页5.1 浏览器将渲染好的页面显示在用户的屏幕上。
5.2 用户可以通过浏览器的各种功能（如前进、后退、刷新等）来操作网页。
5.3 浏览器会在用户关闭网页或者退出浏览器时，释放资源并清理缓存。
综上所述，WEB浏览器的工作原理涉及到用户输入网址、浏览器发送HTTP 请求、浏览器渲染网页、浏览器渲染引擎以及浏览器显示网页等多个方面。
只有了解这些原理，我们才能更好地利用浏览器，提升我们的上网体验。
WEB浏览器工作原理
WEB浏览器工作原理1. 概述WEB浏览器是一种用于访问互联网上的网页的软件应用程序。
它通过解析HTML、CSS和JavaScript等网页标记语言，并将其呈现为用户可视化的网页内容。
本文将详细介绍WEB浏览器的工作原理。
2. URL解析当用户在浏览器的地址栏中输入一个URL（统一资源定位符）时，浏览器首先会解析该URL。
解析过程包括以下几个步骤：- 协议解析：浏览器会解析URL中的协议部分，例如HTTP或HTTPS。
- 主机解析：浏览器会解析URL中的主机部分，即网站的域名或IP地址。
- 路径解析：浏览器会解析URL中的路径部分，即网页在服务器上的位置。
- 参数解析：浏览器会解析URL中的参数部分，用于向服务器传递额外的信息。
3. DNS解析一旦浏览器解析出主机部分的域名，它会将该域名发送给DNS（域名系统）服务器进行解析。
DNS解析的目的是将域名转换为对应的IP地址，以便浏览器能够与服务器建立连接。
4. 建立连接一旦浏览器获取到服务器的IP地址，它会尝试与服务器建立连接。
建立连接的过程通常包括以下几个步骤：- TCP握手：浏览器会与服务器进行TCP握手，以建立可靠的连接。
- 发送HTTP请求：浏览器会发送HTTP请求给服务器，请求特定的网页内容。
- 接收HTTP响应：服务器接收到浏览器的请求后，会返回相应的HTTP响应，包含网页内容和状态码等信息。
5. 下载资源一旦浏览器接收到服务器返回的HTTP响应，它会开始下载网页的资源。
资源可以是HTML、CSS、JavaScript、图像、视频等文件。
浏览器会根据响应中的Content-Type字段来确定如何处理每种资源类型。
6. 解析和渲染浏览器在下载资源的同时，会对这些资源进行解析和渲染，以将它们呈现为用户可视化的网页内容。
解析和渲染的过程包括以下几个步骤：- HTML解析：浏览器会解析HTML文件，并构建DOM（文档对象模型）树，表示网页的结构和层次关系。
WEB浏览器工作原理
WEB浏览器工作原理一、概述WEB浏览器是我们日常使用最频繁的软件之一，它的工作原理涉及到网络通信、HTML解析、渲染引擎等多个方面。
本文将详细介绍WEB浏览器的工作原理。
二、网络通信1. DNS解析：当用户在浏览器中输入一个网址时，浏览器首先需要将域名解析为对应的IP地址。
浏览器会向本地DNS服务器发送请求，本地DNS服务器再向根域名服务器逐级查询，最终返回对应的IP地址。
2. TCP连接：浏览器使用TCP协议与服务器建立连接。
通过三次握手，浏览器与服务器建立可靠的连接，以便进行数据传输。
3. HTTP请求：浏览器向服务器发送HTTP请求，请求的内容包括请求方法、URL、请求头等。
常见的请求方法有GET、POST等，URL即请求的网址。
4. 服务器响应：服务器接收到浏览器的请求后，会返回相应的HTTP响应。
响应的内容包括状态码、响应头和响应体。
常见的状态码有200表示成功，404表示页面不存在等。
5. 数据传输：浏览器接收到服务器的响应后，会根据响应头中的内容进行相应的处理。
如果响应头中包含了Content-Type字段，浏览器会根据该字段判断响应体的类型，如HTML、图片、视频等。
三、HTML解析1. 接收HTML：浏览器通过网络通信获取到服务器返回的HTML文件。
2. 构建DOM树：浏览器将HTML文件解析为DOM树，DOM树是浏览器内部表示网页的一种数据结构。
浏览器会根据HTML的语法规则，逐个解析标签，并构建对应的DOM节点。
3. 解析CSS：浏览器解析HTML文件时，如果遇到<style>标签或外部CSS文件，会进行CSS解析。
浏览器将CSS样式表解析为CSS规则，并与DOM树进行匹配，确定每个节点的样式。
4. 渲染树构建：浏览器根据DOM树和CSS规则构建渲染树。
渲染树只包含需要显示的节点，如可见的元素和文本。
四、渲染引擎1. 布局计算：渲染引擎会对渲染树进行布局计算，确定每个节点在屏幕上的位置和大小。
浏览器工作原理
浏览器工作原理浏览器工作原理指的是浏览器在用户输入网址后，通过一系列的步骤将网页呈现给用户的过程。
首先，当用户输入网址并按下回车键后，浏览器会解析输入的网址，判断是一个合法的URL还是一个搜索查询。
如果是合法的URL，则浏览器会进行以下步骤。
第一步是域名解析，浏览器会向域名服务器发送请求，获取该网址对应的IP地址。
域名服务器将返回一个IP地址给浏览器，用于后续的通信。
第二步是建立TCP连接，通过IP地址和端口号，浏览器与服务器建立TCP连接。
这是一个三次握手的过程，在连接建立后，浏览器可以向服务器发送HTTP请求。
第三步是发送HTTP请求，浏览器将用户请求的资源封装成HTTP请求报文，发送给服务器。
HTTP请求报文包括请求方法、URL、协议版本、请求头等信息。
第四步是服务器处理请求，服务器接收到浏览器发送的HTTP请求后，会根据请求的内容进行处理。
服务器可能会返回请求资源的实际内容，或者执行一些操作后返回结果。
第五步是接收HTTP响应，浏览器接收到服务器返回的HTTP响应后，会对响应进行解析。
HTTP响应报文包括状态码、响应头、响应体等信息。
状态码表示服务器对请求的处理结果。
第六步是渲染页面，浏览器将接收到的HTML、CSS、JavaScript等文件按照各自的规则进行解析和渲染。
浏览器会构建DOM树，解析CSS样式表，执行JavaScript脚本，最终将网页呈现给用户。
除了上述步骤，浏览器还有一些其他的功能，如缓存管理、Cookie处理、插件支持等。
这些功能都是为了提供更好的用户体验和更高的性能。
总之，浏览器工作原理涉及多个环节，包括域名解析、建立TCP连接、发送HTTP请求、服务器处理请求、接收HTTP响应以及页面解析和渲染等。
通过这些步骤，浏览器可以将用户输入的网址转化为最终呈现给用户的页面。
WEB浏览器工作原理
WEB浏览器工作原理1.用户输入URL：用户在浏览器地址栏中输入网址或点击超链接，浏览器通过地址解析器对URL进行解析。
2.DNS解析：浏览器将URL中的域名发送给DNS服务器，并获取其对应的IP地址。
DNS解析是将域名转换为IP地址过程，它是由浏览器通过与DNS服务器通信实现的。
3. 建立TCP连接：浏览器通过IP地址和端口号与Web服务器建立一个TCP连接。
TCP是一种可靠的、面向连接的传输协议，它提供了双向的、可靠的数据传输。
4. 发送HTTP请求：浏览器向Web服务器发送HTTP请求，请求包括请求方法（GET、POST等）、请求头部、请求体等信息。
5. 服务器处理请求：Web服务器接收到浏览器发送的HTTP请求，并进行处理。
通常包括处理数据、读取文件、与数据库交互等操作。
6. 接收HTTP响应：Web服务器将处理结果封装成HTTP响应，包括响应头部和响应体，并通过建立的TCP连接返回给浏览器。
7. 解析HTML：浏览器接收到HTTP响应后，通过HTTP响应头部中的Content-Type确定返回内容的类型，若为HTML，则将其解析为DOM树。
8.构建DOM树：浏览器将解析后的HTML文档构建成DOM树，DOM树是由各个HTML元素节点构成的树结构，它表示了网页的结构层次关系。
10.渲染页面：浏览器通过解析渲染引擎对DOM树进行解析和处理，将DOM树中的每个节点根据CSS样式计算出准确的位置和尺寸，最后在屏幕上渲染出对应的页面。
12.处理用户交互：用户在浏览器中与页面交互时，会触发各类事件，浏览器通过事件监听器接收并响应用户的操作。
13.定时刷新：浏览器中可能会有一些需要定时刷新的页面（如新闻、股票等），浏览器通过定时器来实现定时刷新功能。
14. 断开TCP连接：当浏览器完成对页面的渲染和响应用户操作后，会通过TCP连接与Web服务器断开连接。
以上是浏览器的工作原理的基本过程，不同的浏览器在实现中可能存在一些差异。
浏览器工作原理和实践（一）——浏览器
浏览器⼯作原理和实践（⼀）——浏览器 《》是极客时间上的⼀个浏览器学习系列，在学习之后特在此做记录和总结。
⼀、Chrome架构1）线程和进程 Chrome打开⼀个页⾯会启动4个进程：⽹络进程、GPU进程、浏览器主进程和渲染进程。
⼀个进程就是⼀个程序的运⾏实例，启动⼀个程序的时候，操作系统会为该程序创建⼀块内存，⽤来存放代码、运⾏中的数据和⼀个执⾏任务的主线程，这样⼀个运⾏环境叫进程。
线程是依附于进程的，⽽进程中使⽤多线程并⾏处理能提升运算效率。
进程和线程之间的关系有以下 4 个特点： （1）进程中的任意⼀线程执⾏出错，都会导致整个进程的崩溃。
（2）线程之间共享进程中的数据。
（3）当⼀个进程关闭之后，操作系统会回收进程所占⽤的内存。
（4）进程之间的内容相互隔离。
2）Chrome进程架构 最新的 Chrome 浏览器包括：1 个浏览器（Browser）主进程、1 个 GPU 进程、1 个⽹络（NetWork）进程、多个渲染进程和多个插件进程，如下图所⽰。
（1）浏览器主进程：负责界⾯显⽰、⽤户交互、⼦进程管理，同时提供存储等功能。
（2）渲染进程：核⼼任务是将 HTML、CSS 和 JavaScript 转换为⽤户可以与之交互的⽹页，排版引擎 Blink 和 JavaScript 引擎 V8 都是运⾏在该进程中，默认情况下，Chrome 会为每个 Tab 标签创建⼀个渲染进程。
出于安全考虑，渲染进程都是运⾏在沙箱模式下。
（3）GPU进程：GPU 的使⽤初衷是为了实现 3D CSS 的效果，随后⽹页、Chrome 的 UI 界⾯都选择采⽤ GPU 来绘制，这使得 GPU 成为浏览器普遍的需求。
（4）⽹络进程：负责页⾯的⽹络资源加载，之前是作为⼀个模块运⾏在浏览器进程⾥⾯的。
（5）插件进程：负责插件的运⾏，因插件易崩溃，所以需要通过插件进程来隔离，以保证插件进程崩溃不会对浏览器和页⾯造成影响。
浏览器的工作原理
浏览器的工作原理浏览器作为我们日常生活中不可或缺的工具，其工作原理是怎样的呢？在我们打开浏览器，输入网址，然后就可以访问各种网页的背后，浏览器是如何运作的呢？接下来，我们就来一探究竟。
首先，当我们输入一个网址并按下回车键时，浏览器会将这个网址发送给一个称为域名系统（DNS）的服务器。
DNS服务器会将网址转换成对应的IP地址，这样浏览器才能找到正确的服务器。
接着，浏览器会向服务器发送请求，请求服务器发送网页的内容。
服务器接收到请求后，会将网页的HTML、CSS、JavaScript等文件发送回浏览器。
浏览器接收到这些文件后，会先解析HTML文件，构建出网页的结构。
然后，浏览器会解析CSS文件，渲染出网页的样式和布局。
最后，浏览器会执行JavaScript文件，实现网页的交互功能。
在这个过程中，浏览器会利用缓存来提高网页的加载速度。
当我们再次访问同一个网页时，浏览器会先检查缓存中是否有该网页的副本，如果有的话就直接从缓存中加载，不需要再次向服务器发送请求。
除了以上的工作原理，浏览器还有一些其他的功能。
比如，浏览器会对网页进行安全检查，防止恶意网站对用户造成伤害。
此外，浏览器还支持插件和扩展，用户可以根据自己的需要安装各种插件，来扩展浏览器的功能。
总的来说，浏览器的工作原理可以简单概括为，发送请求、接收响应、解析文件、渲染页面、执行JavaScript、利用缓存、进行安全检查、支持插件扩展等一系列过程。
通过这些过程，我们才能够在浏览器上畅快地浏览各种网页。
希望通过本文的介绍，读者能够对浏览器的工作原理有一个更清晰的认识，也能够更加深入地理解浏览器在我们日常生活中的重要作用。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
浏览器内部工作原理浏览器可以被认为是使用最广泛的软件，我将介绍浏览器的简单基本的工作原理，我们将看到，从你在地址栏输入到你看到facebook主页过程中都发生了什么。
URL解析过程• 1. You enter a URL into the browser（输入一个url地址）–• 2.The browser looks up the IP address for the domain name（浏览器查找域名的ip地址）–浏览器缓存–系统缓存–路由器缓存–ISP DNS缓存–递归搜索• 3.The browser sends a HTTP request to the web server(浏览器给web服务器发送一个HTTP请求)–GET / HTTP/1.1–Accept: application/x-ms-application, image/jpeg, application/xaml+xml, [...]–User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; [...]–Accept-Encoding: gzip, deflate–Connection: Keep-Alive–Host: –Cookie: datr=1265876274-[...]; locale=en_US; lsd=WW[...]; c_user=2101[...]•Get : 以GET的方式提交发送请求| POST•/ 发送请求的URL地址•Http/1.1 HTTP协议•User-Agent : 浏览器自身定义•Accept-Encoding : 希望接收什么类型相应数据•Connection : 表示要求服务器为了后边的请求不要关闭TCP连接•请求中也包含浏览器存储的该域名的cookies，cookies会存储登录用户名，服务器分配的密码和一些用户设置等•像“/”中的斜杠是至关重要的。
这种情况下，浏览器能安全的添加斜杠。
而像“http: ///folderOrFile”这样的地址，因为浏览器不清楚folderOrFile到底是文件夹还是文件，所以不能自动添加斜杠。
这时，浏览器就不加斜杠直接访问地址，服务器会响应一个重定向，结果造成一次不必要的握手• 4.The facebook server responds with a permanent redirect (facebook服务的永久重定向响应)–HTTP/1.1 301 Moved Permanently–Cache-Control: private, no-store, no-cache, must-revalidate, post-check=0,–pre-check=0–Expires: Sat, 01 Jan 2000 00:00:00 GMT–Location: /–P3P: CP="DSP LAW"–Pragma: no-cache–Set-Cookie: made_write_conn=deleted; expires=Thu, 12-Feb-2009 05:09:50 GMT;–path=/; domain=; httponly–Content-Type: text/html; charset=utf-8–X-Cnection: close–Date: Fri, 12 Feb 2010 05:09:51 GMT–Content-Length: 0–服务器给浏览器响应一个301永久重定向响应，这样浏览器就会访问“/”而非“/”。
• 5.The browser follows the redirect(浏览器跟踪重定向地址)–GET / HTTP/1.1–Accept: application/x-ms-application, image/jpeg, application/xaml+xml, [...]–Accept-Language: en-US–User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; [...]–Accept-Encoding: gzip, deflate–Connection: Keep-Alive–Cookie: lsd=XW[...]; c_user=21[...]; x-referer=[...]–Host: • 6.The server ‘handles’the request(服务器“处理”请求)–Web 服务器软件–请求处理•7.The server sends back a HTML response(服务器发回一个HTML响应)–HTTP/1.1 200 OK–Cache-Control: private, no-store, no-cache, must-revalidate, post-check=0,–pre-check=0–Expires: Sat, 01 Jan 2000 00:00:00 GMT–P3P: CP="DSP LAW"–Pragma: no-cache–Content-Encoding: gzip–Content-Type: text/html; charset=utf-8–X-Cnection: close–Transfer-Encoding: chunked–Date: Fri, 12 Feb 2010 09:05:55 GMT•8.The browser begins rendering the HTML(浏览器开始显示HTML)•9.The browser sends requests for objects embedded in HTML(浏览器发送获取嵌入在HTML中的对象)–在浏览器显示HTML时，它会注意到需要获取其他地址内容的标签。
这时，浏览器会发送一个获取请求来重新获得这些文件；–比如图片，CSS样式表，JavaScript•The browser sends further asynchronous (AJAX) requests(浏览器发送异步（AJAX）请求)–在Web 2.0伟大精神的指引下，页面显示完成后客户端仍与服务器端保持着联系简单介绍•目前主要6种主流浏览器：•1.chrome(谷歌个人喜欢)•2.FireFox(火狐,有许多便捷的插件可以使用) •3.IE(历史比较,落魄王者)•4.Opera浏览器(网页浏览速度最快浏览器)•5.Safari 浏览器(Apple用户中最受欢迎的浏览器)•6.360浏览器(中国用户的大多数选择)浏览器内核• 1.IE取得巨大成功起源于其拥有一个成熟稳定的内核---Trident页面解析引擎，现在国内普遍的浏览器：遨游，腾讯，世界之窗，360，搜狗都是基于IE流；• 2.Gecko：Mozilla Firefox 浏览器使用的内核代号；• 3.Presto：Opera 浏览器使用的内核代号，这是目前公认网页浏览速度最快的浏览器内核；• 4.Webkit：Safari 和Chrome浏览器使用的内核代号,使用的还有塞班手机浏览器，安卓默认浏览器；• 5.Webkit是一款开源渲染引擎，它本来是为Linux平台研发的；• 6.Geoko——Mozilla自主研发的渲染引擎；浏览器的主要功能•浏览器的主要功能是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格式。
用户用URI （Uniform Resource Identifier统一资源标识符，是URL的一个子集）来指定所请求资源的位置；•HTML和CSS规范中规定了浏览器解释html文档的方式，由W3C组织对这些规范进行维护浏览器的主要构成• 1. 用户界面－包括地址栏、后退/前进按钮、书签目录等；• 2. 浏览器引擎－用来查询及操作渲染引擎的接口；• 3. 渲染引擎－用来显示请求的内容，例如，如果请求内容为html，它负责解析html及css，并将解析后的结果显示出来；• 4. 网络－用来完成网络调用，例如http请求，它具有平台无关的接口，可以在不同平台上工作；• 5. UI后端－用来绘制类似组合选择框及对话框等基本组件，具有不特定于某个平台的通用接口，底层使用操作系统的用户接口；• 6. JS解释器－用来解释执行JS代码；•7. 数据存储－属于持久层，浏览器需要在硬盘中保存类似cookie的各种数据；用户界面浏览器引擎渲染引擎网络JS解释器UI后端数据存储浏览器组件之间联系图渲染引擎•1. 浏览器最重要的核心部分是“Rendering Engine”即渲染引擎，也可译为“解释引擎”，一般将之称为“浏览器内核”；负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页；•2.渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件，可以显示PDF格式渲染引擎的主要职能解析HTML以构建DOM 树构建渲染树(render)布局渲染树(render)绘制渲染树(render)这个过程是逐步完成的，为了更好的用户体验，渲染引擎将会尽可能早的将内容呈现到屏幕上，并不会等到所有的html 都解析完成之后再去构建和布局render 树。
它是解析完一部分内容就显示一部分内容，同时，可能还在通过网络下载其余内容。
DOMDOM 树HTMLParser HTML 附件attachmentRender 树Painting Display LayoutStyle Rules StyleSheets CSS Parser webkit 渲染引擎主流程解析与DOM树的构建• 1.解析(Parsing-general)：解析一个文档即将其转换为具有一定意义的结构——编码可以理解和使用的东西。
解析的结果通常是表达文档结构的节点树，称为解析树或语法树；• 2.文法(Grammars)：解析基于文档依据的语法规则——文档的语言或格式；• 3.解析器－词法分析器(Parser－Lexer combination)：解析可以分为两个子过程——语法分析及词法分析;• 4.转换(Translation)DOM(文档对象模型)•DOM是文档对象模型的缩写，它是html文档的对象表示，作为html元素的外部接口供js等调用；•<html><head><title>DOM</title></head><body><p>This is P Label</p><div>This is DIV Label</div></body>•</html>HTMLHtmlElementHTMLBodyElement HTMLParagraphElement HTMLDivElement Text TestCSS解析•CSS：级联样式表，不同于html，css属于上下文无关文法，可以用前面所描述的解析器来解析。