摘要：在本例中，使用屬性指定鏈接的目標，其中表示超文本鏈接。您應該認為和元數據隱式出現在示例中，即使它們沒有實際顯示在文本中。

來源：ApacheCN『JavaScript 編程精解 中文第三版』翻譯項目
原文：JavaScript and the Browser
譯者：飛龍
協議：CC BY-NC-SA 4.0
自豪地采用谷歌翻譯
部分參考了《JavaScript 編程精解（第 2 版）》
Web 背后的夢想是公共信息空間，其中我們通過共享信息進行交流。 其普遍性至關重要：超文本鏈接可指向任何東西，無論是個人的，本地的還是全球的，無論是草稿還是高度潤色的。
Douglas Crockford，《JavaScript 編程語言》（視頻講座）

本書接下來的章節將會介紹 Web 瀏覽器。可以說，沒有瀏覽器，就沒有 JavaScript。就算有，估計也不會有多少人去關心這門編程語言。

Web 技術自出現伊始，其演變方式和技術上就是以分散的方式發展的。許多瀏覽器廠商專門為其開發新的功能，有時這些新功能被大眾采納，有時這些功能被其他功能所代替，最終形成了一套標準。

這種發展模式是把雙刃劍。一方面，不會有一個集中式的組織來管理技術的演進，取而代之的是一個包含多方利益集團的松散協作架構（偶爾會出現對立）。另一方面，互聯網這種無計劃的發展方式所開發出來的系統，其內部很難實現一致性。事實上，它的一些部分令人疑惑，并且毫無設計。

計算機網絡出現在 20 世紀 50 年代。如果在兩臺或多臺計算機之間鋪設電纜，那么你可以通過這些電纜互相收發數據，并實現一些神奇的功能。

如果通過連接同一個建筑中的兩臺機器就可以實現一些神奇的功能，那么如果可以連接全世界的機器，就可以完成更偉大的工作了。20 世紀 80 年代，人們開發了相關技術來實現這個愿景，我們將其產生的網絡稱為 Internet。而 Internet 的表現名副其實。

計算機可以使用這種網絡向其他計算機發送位數據。為了在傳輸位數據的基礎上，實現計算機之間的有效通信，網絡兩端的機器必須知道這些位所表達的實際含義。對于給定的位序列，其含義完全取決于位序列描述的信息類型與使用的編碼機制。

網絡協議描述了一種網絡通信方式。網絡協議非常多，其中包括郵件發送、郵件收取和郵件共享，甚至連病毒軟件感染控制計算機都有相應的協議。

例如，HTTP（超文本傳輸協議，Hypertext Transfer Protocol）是用于檢索命名資源（信息塊，如網頁或圖片）的協議。 它指定發出請求的一方應該以這樣的一行開始，命名資源和它正在嘗試使用的協議的版本。

GET /index.html HTTP/1.1

有很多規則，關于請求者在請求中包含更多信息的方式，以及另一方返回資源并打包其內容的方式。 我們將在第 18 章中更詳細地觀察 HTTP。

大多數協議都建立在其他協議之上。 HTTP 將網絡視為一種流式設備，您可以將位放入這些設備，并使其按正確的順序到達正確的目的地。 我們在第 11 章]中看到，確保這些事情已經是一個相當困難的問題。

TCP（傳輸控制協議，Transmission Control Protocol）就可以幫助我們解決該問題。所有連接到互聯網的設備都會使用到這種協議，而多數互聯網通信都構建在這種協議之上。

TCP 連接的工作方式是一臺電腦必須等待或者監聽，而另一臺電腦則開始與之通信。一臺機器為了同時監聽不同類型的通信信息，會為每個監聽器分配一個與之關聯的數字（我們稱之為端口）。大多數協議都指定了默認使用的端口。例如，當我們向使用 SMTP 協議發送一封郵件時，我們需要通過一臺機器來發送郵件，而發送郵件的機器需要監聽端口 25。

隨后另一臺機器連接到使用了正確端口號的目標機器上。如果可以連接到目標機器，而且目標機器在監聽對應端口，則說明連接創建成功。負責監聽的計算機名為服務器，而連接服務器的計算機名為客戶端。

我們可以將該連接看成雙向管道，位可以在其中流動，也就是說兩端的機器都可以向連接中寫入數據。當成功傳輸完這些位數據后，雙方都可以讀取另一端傳來的數據。TCP 是一個非常便利的模型。我們可以說TCP就是一種網絡的抽象。

萬維網（World Wide Web，不要將其與 Internet 混淆）是包含一系列協議和格式的集合，允許我們通過瀏覽器訪問網頁。詞組中的 Web 指的是這些頁面可以輕松地鏈接其他網頁，因此最后可以連接成一張巨大的網，用戶可以在網絡中瀏覽。

你只需將一臺計算機連接到 Internet 并使用 HTTP 監聽 80 端口，就可以成為 Web 的一部分。其他計算機可以通過網絡，并使用 HTTP 協議獲取其他計算機上的文件。

網絡中的每個文件都能通過 URL（統一資源定位符，Universal Resource Locator）訪問，如下所示：

  http://eloquentjavascript.net/13_browser.html
 |      |                      |               |
 protocol       server               path

該地址的第一部分告訴我們 URL 使用的是 HTTP 協議（加密的 HTTP 連接則使用https://來表示）。第二部分指的是獲取文件的服務器地址。第三部分是我們想要獲取的具體文件（或資源）的路徑。

連接到互聯網的機器獲得一個 IP 地址，該地址是一個數字，可用于將消息發送到該機器的，類似于"149.210.142.219"或"2001:4860:4860::8888"。 但是或多或少的隨機數字列表很難記住，而且輸入起來很笨拙，所以你可以為一個特定的地址或一組地址注冊一個域名。 我注冊了eloquentjavascript.net，來指向我控制的機器的 IP 地址，因此可以使用該域名來提供網頁。

如果你在瀏覽器地址欄中輸入上面提到的 URL，瀏覽器會嘗試獲取并顯示該 URL 對應的文檔。首先，你的瀏覽器需要找出域名eloquentjavascript.net指向的地址。然后使用 HTTP 協議，連接到該地址處的服務器，并請求/13_browser.html這個資源。如果一切順利，服務器會發回一個文檔，然后您的瀏覽器將顯示在屏幕上。

HTML，即超文本標記語言（Hypertext Markup Language），是在網頁中得到廣泛使用的文檔格式。HTML 文檔不僅包含文本，還包含了標簽，用于說明文本結構，描述了諸如鏈接、段落、標題之類的元素。

一個簡短的 HTML 文檔如下所示：

  
    
    
  
  
    
My home page
    
Hello, I am Marijn and this is my home page.
    
I also wrote a book! Read it
      here.
  

標簽包裹在尖括號之間（<和>，小于和大于號），提供關于文檔結構的信息。其他文本則是純文本。

文檔以開頭，告訴瀏覽器將頁面解釋為現代 HTML，以別于過去使用的各種方言。

HTML 文檔有頭部（head）和主體（body）。頭部包含了文檔信息，而主體則包含文檔自身。在本例中，頭部將文檔標題聲明為"My home page"，并使用 UTF-8 編碼，它是將 Unicode 文本編碼為二進制的方式。文檔的主體包含標題（

，表示一級標題，

到

可以產生不同等級的子標題）和兩個段落（

）。

標簽有幾種形式。一個元素，比如主體、段落或鏈接以一個起始標簽（比如

）開始，并以一個閉合標簽（比如

）結束。一些起始標簽，比如一個鏈接（），會包含一些額外信息，其形式是name="value"這種鍵值對，我們稱之為屬性。在本例中，使用屬性href="http://eloquentjavascript.net"指定鏈接的目標，其中href表示“超文本鏈接（Hypertext Reference）”。

某些類型的標簽不會包含任何元素，這種標簽不需要閉合。元數據標簽就是一個例子。

譯者注：最好還是這樣閉合它們：。

盡管 HTML 中尖括號有特殊含義，但為了在文檔的文本中包含這些符號，可以引入另外一種形式的特殊標記方法。普通文本中的起始尖括號寫成<（less than），而閉合尖括號寫成>（greater than）。在 HTML 中，我們將一個&字符后跟著一個單詞和分號（;）這種寫法稱為一個實體，瀏覽器會使用實體編碼對應的字符替換它們。

與之類似的是 JavaScript 字符串中反斜杠的使用。由于 HTML 中的實體機制賦予了&特殊含義，因此我們需要使用&來表示一個&字符。在屬性的值（包在雙引號中）中使用"可以插入實際的引號字符。

HTML 的解析過程容錯性非常強。當應有的標簽丟失時，瀏覽器會重新構建這些標簽。標簽的重新構建已經標準化，你可以認為所有現代瀏覽器的行為都是一致的。

下面的文件與之前版本顯示效果相同：

My home page
Hello, I am Marijn and this is my home page.
I also wrote a book! Read it
  here.

、和標簽可以完全丟棄。瀏覽器知道和