摘要：在本例中，使用屬性指定鏈接的目標(biāo)，其中表示超文本鏈接。您應(yīng)該認(rèn)為和元數(shù)據(jù)隱式出現(xiàn)在示例中，即使它們沒有實(shí)際顯示在文本中。

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

本書接下來的章節(jié)將會(huì)介紹 Web 瀏覽器?？梢哉f，沒有瀏覽器，就沒有 JavaScript。就算有，估計(jì)也不會(huì)有多少人去關(guān)心這門編程語言。

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

這種發(fā)展模式是把雙刃劍。一方面，不會(huì)有一個(gè)集中式的組織來管理技術(shù)的演進(jìn)，取而代之的是一個(gè)包含多方利益集團(tuán)的松散協(xié)作架構(gòu)（偶爾會(huì)出現(xiàn)對(duì)立）。另一方面，互聯(lián)網(wǎng)這種無計(jì)劃的發(fā)展方式所開發(fā)出來的系統(tǒng)，其內(nèi)部很難實(shí)現(xiàn)一致性。事實(shí)上，它的一些部分令人疑惑，并且毫無設(shè)計(jì)。

計(jì)算機(jī)網(wǎng)絡(luò)出現(xiàn)在 20 世紀(jì) 50 年代。如果在兩臺(tái)或多臺(tái)計(jì)算機(jī)之間鋪設(shè)電纜，那么你可以通過這些電纜互相收發(fā)數(shù)據(jù)，并實(shí)現(xiàn)一些神奇的功能。

如果通過連接同一個(gè)建筑中的兩臺(tái)機(jī)器就可以實(shí)現(xiàn)一些神奇的功能，那么如果可以連接全世界的機(jī)器，就可以完成更偉大的工作了。20 世紀(jì) 80 年代，人們開發(fā)了相關(guān)技術(shù)來實(shí)現(xiàn)這個(gè)愿景，我們將其產(chǎn)生的網(wǎng)絡(luò)稱為 Internet。而 Internet 的表現(xiàn)名副其實(shí)。

計(jì)算機(jī)可以使用這種網(wǎng)絡(luò)向其他計(jì)算機(jī)發(fā)送位數(shù)據(jù)。為了在傳輸位數(shù)據(jù)的基礎(chǔ)上，實(shí)現(xiàn)計(jì)算機(jī)之間的有效通信，網(wǎng)絡(luò)兩端的機(jī)器必須知道這些位所表達(dá)的實(shí)際含義。對(duì)于給定的位序列，其含義完全取決于位序列描述的信息類型與使用的編碼機(jī)制。

網(wǎng)絡(luò)協(xié)議描述了一種網(wǎng)絡(luò)通信方式。網(wǎng)絡(luò)協(xié)議非常多，其中包括郵件發(fā)送、郵件收取和郵件共享，甚至連病毒軟件感染控制計(jì)算機(jī)都有相應(yīng)的協(xié)議。

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

GET /index.html HTTP/1.1

有很多規(guī)則，關(guān)于請(qǐng)求者在請(qǐng)求中包含更多信息的方式，以及另一方返回資源并打包其內(nèi)容的方式。 我們將在第 18 章中更詳細(xì)地觀察 HTTP。

大多數(shù)協(xié)議都建立在其他協(xié)議之上。 HTTP 將網(wǎng)絡(luò)視為一種流式設(shè)備，您可以將位放入這些設(shè)備，并使其按正確的順序到達(dá)正確的目的地。 我們?cè)诘?11 章]中看到，確保這些事情已經(jīng)是一個(gè)相當(dāng)困難的問題。

TCP（傳輸控制協(xié)議，Transmission Control Protocol）就可以幫助我們解決該問題。所有連接到互聯(lián)網(wǎng)的設(shè)備都會(huì)使用到這種協(xié)議，而多數(shù)互聯(lián)網(wǎng)通信都構(gòu)建在這種協(xié)議之上。

TCP 連接的工作方式是一臺(tái)電腦必須等待或者監(jiān)聽，而另一臺(tái)電腦則開始與之通信。一臺(tái)機(jī)器為了同時(shí)監(jiān)聽不同類型的通信信息，會(huì)為每個(gè)監(jiān)聽器分配一個(gè)與之關(guān)聯(lián)的數(shù)字（我們稱之為端口）。大多數(shù)協(xié)議都指定了默認(rèn)使用的端口。例如，當(dāng)我們向使用 SMTP 協(xié)議發(fā)送一封郵件時(shí)，我們需要通過一臺(tái)機(jī)器來發(fā)送郵件，而發(fā)送郵件的機(jī)器需要監(jiān)聽端口 25。

隨后另一臺(tái)機(jī)器連接到使用了正確端口號(hào)的目標(biāo)機(jī)器上。如果可以連接到目標(biāo)機(jī)器，而且目標(biāo)機(jī)器在監(jiān)聽對(duì)應(yīng)端口，則說明連接創(chuàng)建成功。負(fù)責(zé)監(jiān)聽的計(jì)算機(jī)名為服務(wù)器，而連接服務(wù)器的計(jì)算機(jī)名為客戶端。

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

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

你只需將一臺(tái)計(jì)算機(jī)連接到 Internet 并使用 HTTP 監(jiān)聽 80 端口，就可以成為 Web 的一部分。其他計(jì)算機(jī)可以通過網(wǎng)絡(luò)，并使用 HTTP 協(xié)議獲取其他計(jì)算機(jī)上的文件。

網(wǎng)絡(luò)中的每個(gè)文件都能通過 URL（統(tǒng)一資源定位符，Universal Resource Locator）訪問，如下所示：

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

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

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

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

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

一個(gè)簡(jiǎn)短的 HTML 文檔如下所示：

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

標(biāo)簽包裹在尖括號(hào)之間（<和>，小于和大于號(hào)），提供關(guān)于文檔結(jié)構(gòu)的信息。其他文本則是純文本。

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

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

，表示一級(jí)標(biāo)題，

到

可以產(chǎn)生不同等級(jí)的子標(biāo)題）和兩個(gè)段落（

）。

標(biāo)簽有幾種形式。一個(gè)元素，比如主體、段落或鏈接以一個(gè)起始標(biāo)簽（比如

）開始，并以一個(gè)閉合標(biāo)簽（比如

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

某些類型的標(biāo)簽不會(huì)包含任何元素，這種標(biāo)簽不需要閉合。元數(shù)據(jù)標(biāo)簽就是一個(gè)例子。

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

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

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

HTML 的解析過程容錯(cuò)性非常強(qiáng)。當(dāng)應(yīng)有的標(biāo)簽丟失時(shí)，瀏覽器會(huì)重新構(gòu)建這些標(biāo)簽。標(biāo)簽的重新構(gòu)建已經(jīng)標(biāo)準(zhǔn)化，你可以認(rèn)為所有現(xiàn)代瀏覽器的行為都是一致的。

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

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

、和標(biāo)簽可以完全丟棄。瀏覽器知道和