HTML中的超連接

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

通常連接遵循如下要求:scheme://host.domain:port/path/filename安全

好比W3C的網站地址爲: http://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   :計算機上的文件。 dom

 

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

1、http 連接:加密

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

2、本地連接:orm

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

3、ftp 連接圖片

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

4、郵箱連接

<a href=mailto:bnbbs@163.com>E-MAIL</a>

 

最後重點說一下瞄點連接:通常是點擊以後跳到網頁的一個地方。好比淘寶網站頁面上的《返回到頂部》這個連接

  定義錨點:<a name=「錨點名稱」>…</a>
  連接點:<a href=「#錨點名稱」>…</a>

 

固然,咱們還能夠到別的頁面:

定義瞄點:<a name=「錨點名稱」>…</a> 連接錨點:<a href=「index.htm#錨點名稱」>…</a>

相關文章
相關標籤/搜索