1. 程式人生 > >HTML中的超鏈接

HTML中的超鏈接

超鏈接

超鏈接:也叫URL(Uniform Resource Locator),就是統一資源定位器。一般效果是我們點擊網頁上某個地方,網頁會自動跳轉到另外一個地方。

一般鏈接遵循以下要求:s c h e me://host.domain:port/path/filename

比如W3C的網站地址為: h tt p://www.w3school.com.cn/html/index.asp。我們對上面的各個單詞做如下解釋:

  scheme - 定義因特網服務的類型。最常見的類型是 http
  host - 定義域主機(http 的默認主機是 www)
  domain - 定義因特網域名,比如 w3school.com.cn

  :port - 定義主機上的端口號(http 的默認端口號是 80)
  path - 定義服務器上的路徑(如果省略,則文檔必須位於網站的根目錄中)。
  filename - 定義文檔/資源的名稱


 註意:Scheme 定義的服務類型為:
    http 超文本傳輸協議 以 http:// 開頭的普通網頁。不加密。
    https 安全超文本傳輸協議 安全網頁。解密所有信息交換。 比如支付寶的網址:https://www.alipay.com/
    ftp 文件傳輸協議 用於將文件下載或上傳至網站。
    file :計算機上的文件。

實際上在網頁開發中,我們用到的就是<a href="#"></a>來定義超鏈接的路徑

一、http 鏈接:

<a href=http://www.baidu.com>百度</a>

二、本地鏈接:

<a href=file:///e/images/pic.jpg>圖片</a>

三、ftp 鏈接

<a href=ftp://192.168.4.21/>進入</a>

四、郵箱鏈接

<a href=mailto:[email protected]>E-MAIL</a>

最後重點說一下瞄點鏈接:一般是點擊之後跳到網頁的一個地方。比如淘寶網站頁面上的《返回到頂部》這個鏈接

  定義錨點:<a name=“錨點名稱”>…</a>

  鏈接點:<a href=“#錨點名稱”>…</a>

當然,我們還可以到別的頁面:

定義瞄點:<a name=“錨點名稱”>…</a>
鏈接錨點:<a href=“index.htm#錨點名稱”>…</a>


HTML中的超鏈接