【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浏览器。（渲染效果好、市场占有率高、自带开发者调试工具）

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

HTTP协议
• Hypertext Transfer Protocol:超文本传输协议。
• 是客户端浏览器或其他程序与WEB服务器之间的应用层通信协议。
HTTP请求
• request，浏览器根据网址向对应的服务 器发送请求;
• 发起请求的方法：在浏览器地址栏中输入网址，或者点击网址链接; • HTML页面解析过程中，会发出多个http 请求，包含网页的图片、视频、音频等文件请求。
HTTP响应
• 响应：response，服务器根据请求响应 一个HTML文件，将HTML传输给客户端， 在浏览器中进行HTML网页的渲染。