【2】前置知识

一、网页的本质：

• HTML就是用来制作网页文件的。
• HTML叫做超文本标记语言（Hypertext Markup Language），用于搭建网页的结构。
• 浏览器查看的网页都是.html或.htm文件 。

---

二、网页的组成：

• 前端三层：HTML（结构层）、CSS（样式层）、JavaScript（行为层）。
• 其他多媒体内容：图片、视频、音频、超级链接等。
• 所有的网页文件都是真实的、物理存在的文件。

---

三、 互联网运行过程：

这些网页文件是如何让通过互联网给用户查看的？

• 程序员将网页源文件上传到服务器进行存储；
• 用户后期通过客户端（如浏览器软件）发送HTTP请求到服务器；
• 服务器接收请求后进行响应，将存储的相关文件通过HTTP响应回传到用户本地客户端；
• 最终通过客户端将网页文件进行渲染，显示出最终用户看到的网页效果。

---

（一）服务器（server）

• 特殊的计算机，也包括处理器、硬盘、内存、系统总线等；
• 但是由于需要提供更可靠的服务，因此在处理能力、稳定性、可靠性、安全性等方面要求较高；
• 作用：对于WEB来讲，用于存储开发人员上传的网页数据，且需要响应服务请求，并进行处理；
• 要求：对于网站服务器来说，为了让用户随时进行访问，必须24小时不间断工作。

---

（二）云服务器

• Elastic Compute Service, ECS；
• 目前绝大多数网站都采用的是云服务器；
• 一种简单高效、 安全可靠、处理能力可弹性伸缩的计算服务；
• 其管理方式比物理服务器更简单高效；
• 用户无需提前购买硬件，即可迅速创建或释放任意多台云服务器。

---

（三）客户端

• Client，也叫用户端，指的是普通用户使用的终端；
• 客户端有多种形式，比如最常用的就是：浏览器、app等，而web开发最主要的客户端形式还是浏览器。

---

（四）浏览器

• Browser，一种用户上网搜索、查看信息资源的应用程序；
• 功能：用于发送HTTP请求到服务器，接收服务器发回的HTTP响应，渲染HTML网页。

---

（五）主流浏览器

• 微软的IE和Microsoft Edge；
• Mozilla的Firefox；
• 苹果公司的Safari；
• Google的Chrome；
• Opera软件公司的Opera。
• 因为不同浏览器使用内核及所支持的HTML等网页语言标准不同，对网页的渲染效果会有差异。
  推荐：使用Chrome浏览器。（渲染效果好、市场占有率高、自带开发者调试工具）

---

（六）浏览器功能

• 发送HTTP请求，发送的方式是在浏览器地址栏输入对应网址，或者点击超级链接；
• 接收服务器发回的HTTP响应，服务器会发回一个HTML给浏览器；
• 将接收到的HTML进行解析并显示。

---

（七）HTTP协议

• Hypertext Transfer Protocol: 超文本传输协议；
• 客户端浏览器或其他程序与WEB服务器之间的应用层通信协议。

---

（八）HTTP请求

• request，浏览器根据网址向对应的服务 器发送请求;
• 发起请求的方法：在浏览器地址栏中输入网址，或者点击网址链接;
• HTML页面解析过程中，会发出多个http 请求，包含网页的图片、视频、音频等文件请求。

---

（九）HTTP响应

• response，服务器根据请求响应一个HTML文件，将HTML传输给客户端， 在浏览器中进行HTML网页的渲染。

---