1.1 Web簡介

對于網頁設計開發者而言，在動手制作網頁之前，應該先了解Web的基礎知識。

1.1.1 WWW和瀏覽器的基本概念

WWW是World Wide Web的縮寫，又稱3W或Web，中文譯名為“萬維網”。它作為應用于Internet的新一代用戶界面，摒棄了以往純文本方式的信息交互手段，采用超文本（Hypertext）方式工作。利用該技術可以為企業提供全球范圍的多媒體信息服務，使企業獲取信息的手段有了根本性的改善，與之密切相關的是瀏覽器（Browser）。

瀏覽器實際上就是用于網上瀏覽的應用程序，其主要作用是顯示網頁和解釋腳本。對多數設計者而言，不需要知道有關瀏覽器實現的技術細節，只要知道如何熟練掌握和使用它即可。用戶只需要操作鼠標，就可以得到來自世界各地的文檔、圖片或視頻等信息。

瀏覽器種類很多，目前常用的有Google的Chrome、Microsoft的Edge、Mozilla的Firefox、Opera、Apple的Safari瀏覽器等。

瀏覽器的核心部分是Rendering Engine（渲染引擎），一般稱為“瀏覽器內核”，負責對網頁語法（如HTML、JavaScript）進行解釋并渲染（顯示）網頁。不同的瀏覽器內核對網頁編寫語法的解釋會有所不同，因此同一網頁在不同內核的瀏覽器里的渲染效果也可能不同。這正是網頁編寫者需要在不同內核的瀏覽器中測試網頁顯示效果的原因。現在主流瀏覽器采用的內核見表1-1。

1.1.2 URL

URL（Universal Resource Locator，統一資源定位器）就是Web地址，俗稱“網址”。Internet上的每一個網頁都具有一個唯一的名稱標識，通常稱之為URL地址。這種地址可以指向本地磁盤，也可以指向局域網上的某一臺計算機，但更多地指向Internet上的站點。URL的基本結構如下所示。

其中各部分的含義如下所述。

1.通信協議

通信協議是指URL所鏈接的網絡服務的性質，如HTTP代表超文本傳輸協議，FTP代表文件傳輸協議等。

2.服務器名稱

服務器名稱是指提供服務的主機的名稱。冒號后面的數字是通信端口編號，可有可無。這個編號用來告訴HTTP服務器的TCP/IP軟件該打開哪一個通信端口。因為一臺計算機常常會同時作為Web、FTP等服務器使用，為便于區別，每種服務器要對應一個通信端口。

3.文件夾與文件名

文件夾是存放文件的地方，如果是多級文件目錄，必須依次指定各級文件夾，直到找到文件所在的位置。文件名是指包括文件名與擴展名在內的完整名稱。

1.1.3 超文本

超文本技術是一種把信息根據需要鏈接起來的信息管理技術。用戶可以通過一個文本的鏈接指針打開另一個相關的文本。只要單擊頁面中的超鏈接（通常是帶下畫線的條目或圖片），便可跳轉到新的頁面或另一位置以獲得相關的信息。

超鏈接是內嵌在文本或圖像中的。文本超鏈接在瀏覽器中通常帶有下畫線，只有當用戶的鼠標指向它時，指針才會變成手指形狀。

1.1.4 超文本標記語言HTML

網頁是WWW的基本文檔，它是用HTML（HyperText Markup Language，超文本標記語言）編寫的。HTML嚴格來說并不是一種標準的編程語言，它只是一些能讓瀏覽器看懂的標記。當網頁中包含正常文本和HTML標記時，瀏覽器會“翻譯”由這些HTML標記提供的網頁結構、外觀和內容等信息，從而將網頁按設計者的要求顯示出來。圖1-1所示是顯示在Windows“記事本”程序中用HTML編寫的網頁源代碼，圖1-2所示是該源代碼經過瀏覽器“翻譯”后顯示的網頁畫面。

1.1.5 HTTP

HTTP（HyperText Transfer Protocol，超文本傳輸協議）是用于從WWW服務器傳輸超文本到本地瀏覽器的傳送協議，用于傳送WWW方式的數據。當用戶想瀏覽一個網站的時候，只要在瀏覽器的地址欄里輸入網站的地址就可以了，例如www.baidu.com，在瀏覽器的地址欄里出現的是http://www.baidu.com。

HTTP采用了請求/響應模型。客戶端向服務器發送一個請求，請求頭包含請求的方法、URI（Uniform Resource Identifier，統一資源標識符）、協議版本，以及包含請求修飾符、客戶信息和內容的類似于MIME（Multipurpose Internet Mail Extensions，多用途互聯網郵件擴展類型）的消息結構。服務器以一個狀態行作為響應，內容包括消息協議的版本、服務器信息、實體元信息以及可能的實體內容。