HTML基礎(chǔ)(1)_概述及簡要Web原理
時間：2023-09-26 02:36:02 | 來源：網(wǎng)站運營
時間：2023-09-26 02:36:02 來源：網(wǎng)站運營
HTML基礎(chǔ)(1)_概述及簡要Web原理：
HTML基礎(chǔ)（一）——HTML概述及簡要Web原理
1. 關(guān)于HTML
- HTML全稱Hypertext Markup Language，用于搭建網(wǎng)頁的結(jié)構(gòu)；
- 瀏覽器能夠查看、解析的網(wǎng)頁都是.html或者.htm文件。（html和htm其實是同類文件，只是因為系統(tǒng)環(huán)境問題，限制了后綴長度，才會有.htm，目前流行系統(tǒng)中基本都使用.html）
2. 網(wǎng)頁的組成
- 前端三層：HTML（結(jié)構(gòu)層）、CSS（樣式層）、JavaScript（行為層）；
- 其他的多媒體內(nèi)容：圖片、視頻、音頻、超鏈接等；
- 所有網(wǎng)頁文件都是真實的、物理存在的文件。
3. 互聯(lián)網(wǎng)運行過程
- 程序員開發(fā)并將網(wǎng)頁源文件上傳到服務(wù)器；
- 用戶使用客戶端（瀏覽器）發(fā)送HTTP請求到服務(wù)器；
- 服務(wù)器接收請求后進(jìn)行響應(yīng)，把請求的相關(guān)文件通過HTTP響應(yīng)回傳給客戶端；
- 客戶端將網(wǎng)頁文件渲染并顯示。
其中涉及的知識還有建立和斷開HTTP連接、瀏覽器渲染過程和重繪重排等問題，留個記號(@NSY@)后面學(xué)到的時候補充。
4. 服務(wù)器
服務(wù)器是一種特殊的計算機，也有處理器、硬盤、內(nèi)存、系統(tǒng)總線等，但是由于需要更可靠的服務(wù)，因此在處理能力、穩(wěn)定性、可靠性、安全性等方面要求比較高。
作用：對于Web來說，用于存儲開發(fā)人員上傳的網(wǎng)頁數(shù)據(jù)，且需要相應(yīng)服務(wù)請求，并進(jìn)行處理
要求：24h不間斷工作
4.1 云服務(wù)器ECS
功能與服務(wù)器相同，只是程序員不需要自己購買服務(wù)器硬件設(shè)備，可以遠(yuǎn)程部署、配置和使用。
5. 客戶端
普通用戶使用的終端，最常用是瀏覽器、app。
5.1 瀏覽器
用戶上網(wǎng)搜索、查看信息資源的應(yīng)用程序。
作用：發(fā)送HTTP請求到服務(wù)器，接受服務(wù)器的HTTP響應(yīng)，渲染HTML網(wǎng)頁。
5.2 主流瀏覽器及其內(nèi)核
| 瀏覽器 | 內(nèi)核 | 說明 |
|---|
| IE | Trident | IE內(nèi)核 |
| Edge | EdgeHTML->Blink | 之前是使用EdgeHTML內(nèi)核，2020年新版Edge改用Blink內(nèi)核 |
| FireFox | Gecko | FireFox內(nèi)核 |
| Safari | Webkit | 統(tǒng)稱Chromium或者Chrome內(nèi)核 |
| Opera | Presto->Webkit->Blink | 默認(rèn)具有兩個工作區(qū)，適合同時查資料和開發(fā)預(yù)覽的快速網(wǎng)頁切換 |
5.3 瀏覽器功能
- 發(fā)送HTTP請求，發(fā)送的方式是在瀏覽器地址欄輸入對應(yīng)網(wǎng)址，或者點擊超級鏈接。
- 接受服務(wù)器發(fā)回的HTTP響應(yīng)，服務(wù)器會發(fā)回一個HTML給瀏覽器。
- 將接收到的HTML進(jìn)行解析和顯示
6. HTTP協(xié)議
Hypertext Transfer Protocol超文本傳輸協(xié)議，是客戶端瀏覽器或其他程序與Web服務(wù)器之間的通信協(xié)議。
6.1 HTTP請求
請求：request。瀏覽器根據(jù)網(wǎng)址向?qū)?yīng)服務(wù)器發(fā)送請求。
發(fā)起請求的方法：在瀏覽器地址欄中輸入網(wǎng)址，或者點擊網(wǎng)址鏈接。（本質(zhì)上應(yīng)該不是這種客戶行為，應(yīng)該是觸發(fā)了瀏覽器中或者程序中某個對象的方法，目前了解到的只是Ajax等，瀏覽器原理尚未剖析）。
HTML頁面解析過程中，會發(fā)出多個http請求，包含網(wǎng)頁的圖片、視頻、音頻等文件請求。
6.2 HTTP響應(yīng)
響應(yīng)：response，服務(wù)器根據(jù)請求響應(yīng)一個HTML文件，將HTML傳輸給客戶端，在瀏覽器中進(jìn)行HTML網(wǎng)頁的渲染。
在線咨詢