以靜態網頁為例。
Html 文件#
Html 文件是可以被瀏覽器讀取後生成靜態網頁的文件。該文件使用 Html 語言編寫,html 語言被稱為超文本語言,"超" 體現在這種語言在純文本的基礎上添加了結構化的語法 —— 標籤 —— 來賦予純文本標題、段落、菜單、列表、鏈接等結構化屬性。此外,Html 文件還支持嵌入圖像、視頻等。
伺服器#
伺服器是一台聯網的、用於儲存文件的電腦。
伺服器是一個聯網的、專門用於儲存文件的電腦(大小像一個盒子)。每個伺服器都有獨特的 Ip 地址,用於交互。
補充
- 靜態網站伺服器是指,文件保持原樣傳送給用戶。
- 動態網站伺服器在硬件和 http 軟件之外加入新功能,常見應用伺服器和數據庫。發送文件會進行更新。
Ip 地址#
Ip 地址是一個 32 位的二進制數(這決定了人很難記住它)。
Ip 地址就像是每個人的電話號一樣,每一個人的電話號都唯一。
同樣,每台聯網的電腦都有一個唯一的 Ip 地址。只要知道了這個地址,我們就能知道儲存在網絡上的文件的位置。
Url 地址#
url 是一個簡化的互聯網資源定位器,俗稱網址,可與 Ip 地址關聯(解決了 Ip 地址不方便人記憶的問題)。
url 的組成:協議 + 域名 + 資源路徑。
- 如 wendys.love 是域名, https://wendys.love 是協議 + 域名, https://wendys.love/archives/hello-world.html/ 是協議 + 域名 + 資源路徑。
- 一般情況下,可以不輸入協議直接訪問。還有 https 協議要比 http 協議安全些。
- 同樣,互聯網上的每個文件都有唯一的 Url。
瀏覽器#
瀏覽器是解析、渲染 html、css 等文件的工具,也是解析 url 的工具,是客戶端(用戶)和伺服器端產生交互的橋梁。
用戶通過向瀏覽器輸入 Url(網址),瀏覽器解析出 Url 對應的 Ip 地址,並向該 Ip 發送交互請求,以求獲得訪問文件的權限。
我們訪問網頁的過程可以描述為:
- 用戶向瀏覽器輸入 Url 網站→
- 瀏覽器解析 Url→瀏覽器向 Ip 地址發送訪問請求→
- 伺服器響應,批准請求,將對應文件發給瀏覽器→
- 瀏覽器將文件可視化渲染,向用戶呈現出可視化頁面。
流量#
假如伺服器在國外(或距你很遠的地方),訪問時長就會很慢,消耗的流量也會很多。
因為物理距離太遠了,硬傷。
所以,人們發明了 CDS 內容分發式服務,將遠處主伺服器的文件先緩存在各個地區的次伺服器中,當用戶訪問網址時直接將距離最近的次伺服器內容返回給用戶,達到縮減物理距離,加快訪問速度、節約流量的目的。
以上是我淺淺的理解。