您將了解在電腦或手機上的網(wǎng)路瀏覽器中查看網(wǎng)頁時所發(fā)生情況的簡化視圖。

客戶端和伺服器

連接到網(wǎng)際網(wǎng)路的電腦稱為客戶端和伺服器。簡化版

• 用戶端是典型網(wǎng)路使用者的網(wǎng)路連線裝置（例如，連接到 Wi-Fi 的電腦）以及這些裝置上可用的網(wǎng)路存取軟體（通常是 Chrome 等網(wǎng)路瀏覽器）。
• 伺服器是儲存網(wǎng)頁、網(wǎng)站或應(yīng)用程式的電腦。當客戶端設(shè)備想要存取網(wǎng)頁時，網(wǎng)頁的副本將從伺服器下載到客戶端電腦上，以顯示在使用者的網(wǎng)頁瀏覽器中。

除了客戶端和服務(wù)端之外，我們還需要向以下物件打招呼：

• 您的網(wǎng)路連線：讓您在網(wǎng)路上傳送和接收資料。

• TCP/IP：傳輸控制協(xié)定和網(wǎng)際網(wǎng)路協(xié)定是定義資料如何在網(wǎng)際網(wǎng)路上傳輸?shù)耐ㄓ崊f(xié)定。

• DNS：網(wǎng)域名稱系統(tǒng)就像是網(wǎng)站的通訊錄。當您在瀏覽器中鍵入網(wǎng)址時，瀏覽器會在檢索網(wǎng)站之前查看 DNS 以尋找網(wǎng)站的 IP 位址。瀏覽器需要找出網(wǎng)站所在的伺服器，以便它可以將 HTTP 訊息傳送到正確的位置（請參閱下文）。

• HTTP：超文本傳輸協(xié)定是一種應(yīng)用程式協(xié)議，定義客戶端和伺服器相互通訊的語言。

• 元件檔：網(wǎng)站由許多不同的文件組成，這些文件主要有兩種類型：

  • 程式碼檔案：網(wǎng)站主要由 HTML、CSS 和 JavaScript 建構(gòu)。
  • 資產(chǎn)：這是構(gòu)成網(wǎng)站的所有其他內(nèi)容的統(tǒng)稱，例如圖像、音樂、影片、Word 文件和 PDF。

當您在瀏覽器中輸入網(wǎng)址時

1. 瀏覽器前往DNS伺服器，找到網(wǎng)站所在伺服器的真實位址
2. 瀏覽器向伺服器傳送 HTTP 請求訊息，要求伺服器傳送網(wǎng)站的副本給客戶端。此訊息以及用戶端和伺服器之間發(fā)送的所有其他資料均使用 TCP/IP 透過網(wǎng)際網(wǎng)路連線傳送。
3. 如果伺服器批準了客戶端的請求，伺服器會向客戶端發(fā)送“200 OK”訊息，這意味著“當然你可以查看該網(wǎng)站！就是這裡”，然後開始將網(wǎng)站的檔案傳送到瀏覽器作為一系列稱為資料包的小塊
4. 瀏覽器將這些小塊組裝成一個完整的網(wǎng)頁並顯示給您。

檔案解析順序

• HTML 解析：瀏覽器先解析 HTML 文件，偵測 外部 CSS 和 <script> 標籤JavaScript 標籤。 </script>

• 取得 CSS 和 JavaScript：解析 HTML 時，瀏覽器會向伺服器發(fā)送請求以取得引用的 CSS 和 JavaScript 檔案。

• 解析與編譯:

  • HTML 產(chǎn)生 DOM 樹（文件物件模型）。
  • CSS 產(chǎn)生 CSSOM 樹（CSS 物件模型）。
  • JavaScript 被編譯並執(zhí)行。

• 頁面渲染：瀏覽器結(jié)合 DOM 和 CSSOM 來設(shè)計內(nèi)容並執(zhí)行 JavaScript，將頁面的視覺表示繪製到螢?zāi)簧?，允許使用者互動。

什麼是 DNS（網(wǎng)域名稱系統(tǒng)）？

真實的網(wǎng)址並不是您在網(wǎng)址列中輸入的漂亮、令人難忘的字串來尋找您最喜愛的網(wǎng)站。它們是特殊的數(shù)字，如下所示：192.0.2.172。

這稱為 IP 位址，它代表網(wǎng)路上的唯一位置。然而，它並不容易記住，不是嗎？這就是發(fā)明域名系統(tǒng)的原因。本系統(tǒng)使用特殊伺服器將您在瀏覽器中輸入的網(wǎng)址（例如「mozilla.org」）與網(wǎng)站的真實（IP）位址進行配對。

資源：

• MDN 網(wǎng)路文件

以上是5m 初學(xué)者如何使用網(wǎng)絡(luò)的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！