HTML基础(1)_概述及简要Web原理
时间：2023-09-26 02:36:02 | 来源：网站运营
时间：2023-09-26 02:36:02 来源：网站运营
HTML基础(1)_概述及简要Web原理：
HTML基础（一）——HTML概述及简要Web原理
1. 关于HTML
- HTML全称Hypertext Markup Language，用于搭建网页的结构；
- 浏览器能够查看、解析的网页都是.html或者.htm文件。（html和htm其实是同类文件，只是因为系统环境问题，限制了后缀长度，才会有.htm，目前流行系统中基本都使用.html）
2. 网页的组成
- 前端三层：HTML（结构层）、CSS（样式层）、JavaScript（行为层）；
- 其他的多媒体内容：图片、视频、音频、超链接等；
- 所有网页文件都是真实的、物理存在的文件。
3. 互联网运行过程
- 程序员开发并将网页源文件上传到服务器；
- 用户使用客户端（浏览器）发送HTTP请求到服务器；
- 服务器接收请求后进行响应，把请求的相关文件通过HTTP响应回传给客户端；
- 客户端将网页文件渲染并显示。
其中涉及的知识还有建立和断开HTTP连接、浏览器渲染过程和重绘重排等问题，留个记号(@NSY@)后面学到的时候补充。
4. 服务器
服务器是一种特殊的计算机，也有处理器、硬盘、内存、系统总线等，但是由于需要更可靠的服务，因此在处理能力、稳定性、可靠性、安全性等方面要求比较高。
作用：对于Web来说，用于存储开发人员上传的网页数据，且需要相应服务请求，并进行处理
要求：24h不间断工作
4.1 云服务器ECS
功能与服务器相同，只是程序员不需要自己购买服务器硬件设备，可以远程部署、配置和使用。
5. 客户端
普通用户使用的终端，最常用是浏览器、app。
5.1 浏览器
用户上网搜索、查看信息资源的应用程序。
作用：发送HTTP请求到服务器，接受服务器的HTTP响应，渲染HTML网页。
5.2 主流浏览器及其内核
| 浏览器 | 内核 | 说明 |
|---|
| IE | Trident | IE内核 |
| Edge | EdgeHTML->Blink | 之前是使用EdgeHTML内核，2020年新版Edge改用Blink内核 |
| FireFox | Gecko | FireFox内核 |
| Safari | Webkit | 统称Chromium或者Chrome内核 |
| Opera | Presto->Webkit->Blink | 默认具有两个工作区，适合同时查资料和开发预览的快速网页切换 |
5.3 浏览器功能
- 发送HTTP请求，发送的方式是在浏览器地址栏输入对应网址，或者点击超级链接。
- 接受服务器发回的HTTP响应，服务器会发回一个HTML给浏览器。
- 将接收到的HTML进行解析和显示
6. HTTP协议
Hypertext Transfer Protocol超文本传输协议，是客户端浏览器或其他程序与Web服务器之间的通信协议。
6.1 HTTP请求
请求：request。浏览器根据网址向对应服务器发送请求。
发起请求的方法：在浏览器地址栏中输入网址，或者点击网址链接。（本质上应该不是这种客户行为，应该是触发了浏览器中或者程序中某个对象的方法，目前了解到的只是Ajax等，浏览器原理尚未剖析）。
HTML页面解析过程中，会发出多个http请求，包含网页的图片、视频、音频等文件请求。
6.2 HTTP响应
响应：response，服务器根据请求响应一个HTML文件，将HTML传输给客户端，在浏览器中进行HTML网页的渲染。
在线咨询
