持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情
1. 网页
1.1 什么是网页
网页是根据因特网上一定的规则，使用 HTML 等制作的用于展示特定内容的网页集合。
网页是网站的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。
网页是构成网站的基本元素，通常由 图片、链接、文字、声音、视频等元素组成，其实就是一个 HTML 文件。
1.2 什么是HTML
HTML 指的是 超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言。
HTML 不是一种编程语言，而是一种标记语言（markup language）。
标记语言是一套标记标签（markup tag）。
超文本的含义：
- 它可以加入图片、声音、动画、多媒体等内容
（超越文本限制）。 - 它可以从一个文件跳转到另一个文件，于世界各地主机的文件连接
（超级链接文本）。
1.3 网页的形成
网页由网页元素组成，这些元素通过 HTML 标签描述出来，然后通过浏览器解析并显示出来。
1.4 网页小结
- 网页是由图片、链接、文字、声音、视频等元素组成的，其本质其实就是一个 HTML 文件（后缀名为 HTML）
- 网页生成制作：由前端人员书写 HTML 文件，然后浏览器打开并渲染，就能看到一个美丽的网页了
- HTML：
超文本标记语言，用来制作（描述）网页的一门语言。 由标签组成，比如 图片标签、链接标签、视频标签...
2. 常用浏览器及其内核
浏览器是网页显示、运行的平台。 常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome） 、Safari 和 Opera等。平时称为五大浏览器。
查看浏览器市场使用率：tongji.baidu.com/data/browse…
2.1 常用浏览器
五大浏览器： IE、Firefox、Chrome、Safari 和 Opera。
四大内核：Trident、Gecko、Webkit、Blink
2.2 浏览器内核
浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE | Trident | IE、猎豹安全、360、百度浏览器 |
| firefox | Gecko | 火狐浏览器内核 |
| Safari | Webkit | 苹果浏览器内核 |
| Chrome/Opera | Blink | chrome/opera 浏览器内核。Blink其实是 WebKit 的分支。 |
目前国内一般浏览器都会采用 Webkit/Blink 内核，如360、UC、QQ、搜狗等。
3. Web标准
Web标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟） 是国际最著名的标准化组织。
3.1 为什么需要Web标准
浏览器不同，它们显示的页面或者排版就会有些许差异。
遵循 Web标准 除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：
- 让 Web标准 发展前景更为广阔
- 内容能被更广泛的设备访问
- 更容易被搜索引擎搜索
- 降低网站流量费用
- 易于维护
- 提高页面浏览速度
3.2 Web标准的构成
主要包括 结构（Structure）、表现（Presentation）和 行为（Behavior） 三个方面。
| 标准 | 说明 |
|---|---|
| 结构 | 结构 对网页元素进行整理和分类，现阶段主要是 HTML |
| 表现 | 表现 用于设置网页元素的版式、颜色、大小等外观样式，主要是指 CSS |
| 行为 | 行为 是指网页模型的定义以及交互的编写，现阶段主要是 JS（JavaScript） |
Web标准 提出的最佳体验方案：结构、样式、行为相分离
简单理解：结构写到 HTML 文件中，表现写到 CSS 文件中，行为写到 JavaScript 文件中
Web标准的构成（形象式理解）
由这张图我们可以很清晰直观的看出，三者间的关系，且清晰的看出 结构的重要性
