本系列文章是是博主自己的学习前端笔记，所有笔记参照：Github

Web标准

即制作网页要遵循的规范，包括三个方面：

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

根据上述规范将Web前端分三层：

1. HTML（HyperText Markup Language）：超文本标记语言。即网页结构。
2. CSS（Cascading Style Sheets）：层叠样式表。进一步美化网页。
3. JS：JavaScript：从交互的角度描述页面的行为。实现网页可以用鼠标键盘操作的动作。

浏览器

浏览器由 渲染引擎（浏览器内核） 和 JS引擎 组成。

• 渲染引擎（浏览器内核）：用来解析 HTML与CSS
  决定浏览器如何显示网页的内容以及页面的格式信息。
  它的作用就是：读取网页内容，计算网页的显示方式并显示在页面上。
  渲染引擎是浏览器兼容性问题出现的根本原因。
  在移动端，安卓平台浏览器常使用webkit内核；而苹果手机自带浏览器内核，因此使用Safari内核（貌似Safari也是webkit内核？）。
• JS引擎：用来解析网页中的JavaScript代码，对其处理后再运行。
  JS 引擎执行代码时会逐行解释每一句源码（转换为机器语言），然后由计算机去执行。所以 JavaScript 语言归为脚本语言，会逐行解释执行。

浏览器工作原理

主要由7个部分组成：

图源：添加链接描述

1、User Interface（UI界面）：包括地址栏、前进/后退按钮、书签菜单等。也就是浏览器主窗口之外的其他部分。

2、Browser engine （浏览器引擎）：用来查询和操作渲染引擎。是UI界面和渲染引擎之间的桥梁。

3、Rendering engine（渲染引擎）：用于解析HTML和CSS，并将解析后的内容显示在浏览器上。

4、Networking （网络模块）：用于发送网络请求。

5、JavaScript Interpreter（JavaScript解析器）：用于解析和执行 JavaScript 代码。

6、UI Backend（UI后端）：用于绘制组合框、弹窗等窗口小组件。它会调用操作系统的UI方法。

7、Data Persistence（数据存储模块）：比如数据存储 cookie、HTML5中的localStorage、sessionStorage。

HTML概述

HTML 全称为 HyperText Markup Language，译为超文本标记语言。

HTML骨架标签：

文档声明头：
HTML文件第一行：：告知浏览器文档使用哪种 HTML 或 XHTML 规范。

页面语言 lang：

：指定页面的语言类型。

• en：定义页面语言为英语。
• zh-CN：定义页面语言为中文。

头标签 head：

头标签内部的常见标签如下：