首頁  >  文章  >  web前端  >  關於HTML中的超連結詳細介紹

關於HTML中的超連結詳細介紹

黄舟
黄舟原創
2017-05-27 14:11:412985瀏覽

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

一般連結遵循以下要求:host.domain:port/path/filename

例如W3C的網站位址為: www.w3school.com.cn/html/index.asp。我們對上面的各個單字做如下解釋:

  scheme - 定義網際網路服務的類型。最常見的類型是 http 
  host - 定義域主機(http 的預設主機是 www) 
  domain - 定義因特網域名,例如 w3school.com.cn 
〠:)? http 的預設連接埠號碼是 80) 
  path - 定義伺服器上的路徑(如果省略,則文件必須位於網站的根目錄中)。 
  filename - 定義文件/資源的名稱 

# 注意:Scheme 定義的服務類型為: 
    http  http:// 開頭的普通網頁。不加密。 
    https 安全超文本傳輸協定 安全網頁。解密所有資訊交換。 例如支付寶的網址:https://www.alipay.com/
    ftp 檔案傳輸協定 用來下載檔案或上傳至網站。 
    file   :電腦上的檔案。

其實在網頁開發中,我們用到的就是ee7959cc8dd4be16ef633321c03dac325db79b134e9f6b82c0b36e0489ee08ed來定義超連結的路徑

一、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:bnbbs@163.com>E-MAIL</a>

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

  定義錨點:763c6e7d5202cb42e3e94f0a1494b385…5db79b134e9f6b82c0b36e0489ee08ed
  連結點:84d437de0d20c701cf52e2f2fcc593f9…5db79b134e9f6b82c0b36e0489ee08ed

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

定義瞄點:763c6e7d5202cb42e3e94f0a1494b385…5db79b134e9f6b82c0b36e0489ee08ed 
連結錨點:465ee15329269a9c1ef2f59b3f21faa8…5db79b134e9f6b82c0b36e0489ee08ed

以上是關於HTML中的超連結詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn