认识web

01-认识Web和Web标准

web标准

Web标准 ：制作网页要遵循的规范。

Web标准不是某一个标准，而是由W3C组织和其他标准化组织制定的一系列标准的集合。

1、Web标准包括三个方面 ：

• 结构标准（HTML）：用于对网页元素进行整理和分类。
• 表现标准（CSS）：用于设置网页元素的版式、颜色、大小等外观样式。
• 行为标准（JS）：用于定义网页的交互和行为。

根据上面的Web标准，可以将 Web前端分为三层，如下。

2、Web前端分三层 ：

• HTML（HyperText Markup Language）：超文本标记语言。从语义的角度描述页面的 结构 。相当于人的身体组织结构。
• CSS（Cascading Style Sheets）：层叠样式表。从审美的角度美化页面的 样式 。相当于人的衣服和打扮。
• JS：JavaScript。从交互的角度描述页面的 行为 。相当于人的动作，让人有生命力。

02-浏览器的介绍

浏览器的组成

浏览器分成两部分：

• 1、渲染引擎（即：浏览器内核）
• 2、JS 引擎

1、渲染引擎（浏览器内核）

浏览器所采用的「渲染引擎」也称之为「浏览器内核」，用来解析 HTML与CSS。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。

渲染引擎是浏览器兼容性问题出现的根本原因。

渲染引擎的英文叫做 Rendering Engine。通俗来说，它的作用就是：读取网页内容，计算网页的显示方式并显示在页面上。

2、JS 引擎

也称为 JS 解释器。 用来解析网页中的JavaScript代码，对其处理后再运行。

浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时会逐行解释每一句源码（转换为机器语言），然后由计算机去执行。所以 JavaScript 语言归为脚本语言，会逐行解释执行。

参考链接：

主流浏览器内核及JS引擎

浏览器工作原理

1、User Interface 用户界面，我们所看到的浏览器。

2、Browser engine 浏览器引擎，用来查询和操作渲染引擎。

3、Rendering engine 用来显示请求的内容，负责解析HTML、CSS。

4、Networking 网络，负责发送网络请求。

5、JavaScript Interpreter(解析者) JavaScript解析器，负责执行JavaScript的代码。

6、UI Backend UI后端，用来绘制类似组合框和弹出窗口。

7、Data Persistence(持久化) 数据持久化，数据存储 cookie、HTML5中的sessionStorage。

参考链接：

• 中文版：浏览器的工作原理：新式网络浏览器幕后揭秘