1.1 网页
1.1.1 什么是网页？
网站： 利用前端技术制作的网页集合。
网页： 构成网站的基本元素，通常是 HTML 格式的文件（.htm 或 .html）必须通过浏览器来阅读。
1.1.2 什么是HTML?
超文本： 由图片、声音、动画、视频……构成且可以相互链接的文本。
HTML： 超文本标记语言（HTML 不是编程语言，而是由一套标记标签构成的标记语言）。
1.1.3 网页的形成
前端代码开发 ——> 浏览器解析、渲染代码 ——> 呈现 Web 页面。
1.2 浏览器
1.2.1 常用浏览器
PC 端五大浏览器： IE、Chrome、Firefox、Safari、Opera、（目前 IE 已经被 Edge 取代）。
1.2.2 浏览器内核
四大浏览器内核： IE（Trident）、Firefox（Gecko）、Safari（Webkit）、Chrome / Opera / Edge（Blink 属于 Webkit 的分支，Blink 兼容 Webkit）
注：目前国内浏览器一般都采用 Webkit / Blink 内核。
1.3 Web标准
W3C： 万维网联盟，国际最著名的标准化组织之一。
Web 标准： W3C 组织和其他标准化组织为 Web 开发制定的一系列标准的集合。
1.3.1 为什么需要Web标准？
浏览器不同，解析渲染显示的页面效果就有些许差异，通过 Web 标准可以统一浏览器解析显示效果，同时大大减少开发者的工作量（一套代码，多种浏览器平台兼容运行）。
遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：
- 让 Web 开发前景更广阔
- 网页能被更广泛的设备访问
- 更容易被搜索引擎搜索（排名靠前）
- 降低网站的流量费用
- 使网站更易于维护
- 提高页面的加载速度
1.3.2 Web标准的构成
主要包括三个方面： 结构、表现、行为。
- 结构： 用于对网页元素进行整理和分类，现阶段主要指的是
HTML - 表现： 用于设置网页元素的版式、大小、颜色等外观样式，主要指
CSS - 行为： 网页模型的定义及交互方式的编写，现阶段主要指的是
JavaScript
Web 标准提出的最佳体验方案： 结构、样式、行为 相互分离。
- 简单的理解： 结构写到
.html文件中、表现写到.css文件中、行为写到.js文件中 - 一句话解释： 结构类似身体、表现类似衣服、行为类似动作（结构始终是一切的基础！）
