- 精通HTML5+CSS3+JavaScript網頁設計(視頻教學版)(第2版)
- 王英英
- 815字
- 2019-12-09 14:23:53
3.1 URL的概念
URL為“Uniform Resource Locator”的縮寫,通常翻譯為“統一資源定位器”,也就是人們通常說的“網址”。它用于指定Internet上的資源位置。
3.1.1 URL的格式
網絡中的計算機是通過IP地址區分的,如果需要訪問網絡中某臺計算機中的資源,首先要定位到這臺計算機。IP地址由32位二進制代碼(32個0/1)組成,數字之間沒有意義,且不容易記憶。為了方便記憶,現在計算機一般采用域名的方式來尋址,即在網絡上使用一組有意義字符組成的地址代替IP地址來訪問網絡資源。
URL由4個部分組成,即“協議”“主機名”“文件夾名”“文件名”,如圖3-1所示。

圖3-1 URL組成
互聯網中有各種各樣的應用,如Web服務、FTP服務等。每種服務應用都要對應有協議,通常通過瀏覽器瀏覽網頁的協議都是HTTP(超文本傳輸協議),因此通常網頁的地址都以“http://”開頭。
“www.baidu.com”為主機名,表示文件存在于哪臺服務器,主機名可以通過IP地址或者域名來表示。
確定到主機后,還需要說明文件存在于這臺服務器的哪個文件夾中,這里文件夾可以分為多個層級。
確定文件夾后,就要定位到文件,即要顯示哪個文件,網頁文件通常是以“.html”或“htm”為擴展名。
3.1.2 URL的類型
在第3章講解網頁中使用的圖像時,已經介紹了“路徑”的概念。對于超鏈接來說,路徑的概念同樣存在。
超鏈接的URL可以分為兩種類型:“絕對URL”和“相對URL”。
(1)絕對URL一般用于訪問非同一臺服務器上的資源。
(2)相對URL是指訪問同一臺服務器上相同文件夾或不同文件夾中的資源。如果訪問相同文件夾中的文件,只需要寫文件名;如果訪問不同文件夾中的資源,URL以服務器的根目錄為起點,指明文件的相對關系,由文件夾名和文件名兩部分構成。
下面的實例使用絕對URL和相對URL實現超鏈接。
【例3.1】(實例文件:ch03\3.1.html)

在上述代碼中,第1個鏈接使用的是絕對URL;第2個用的是服務器相對URL,也就是鏈接到文檔所在的服務器的根目錄下的02.html;第3個使用的是文檔相對URL,即原文檔所在文件夾的父文件夾下面的pages文件夾中的03.html文件。
在IE 11.0中的預覽網頁效果如圖3-2所示。

圖3-2 絕對URL和相同URL
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網頁設計基礎培訓
- After Effects CS6從入門到精通
- 小白實戰大前端:移動端與前端的互通之路
- HTML+CSS+JavaScript網頁制作案例教程(第2版)
- JSP動態網站開發案例指導
- HTML+CSS+JavaScript網頁設計與布局:從新手到高手
- ADOBE DREAMWEAVER CS6 標準培訓教材
- 網頁設計與制作
- 在實戰中成長:JSP開發之路
- Dreamweaver CC網頁設計從入門到精通(微課精編版)
- 從零開始讀懂Web3
- 外貿獨立站建站實操從入門到精通
- 中文版Dreamweaver CS6高手之道
- 從缺陷中學習C-C++
- 眾妙之門:移動Web設計精髓