HTML——超鏈接標簽


一、超鏈接標簽的基本使用

超鏈接是瀏覽者和服務器的交互的主要手段,也叫超級鏈接或a鏈接,是網頁中指向一個目標的連接關系,這個目標可以是網頁、網頁中的具體位置、圖片、郵件地址、文件、應用程序等。

超鏈接是網頁中最重要的元素之一。一個網站的各個網頁就是通過超鏈接關聯起來的,用戶通過點擊超鏈接可以從一個網頁跳轉到另一個網頁。

幾乎可以在所有的網頁中找到鏈接。點擊鏈接可以從一張頁面跳轉到另一張頁面。例如,在閱讀某個網站時,遇到一個不認識的英文,你只要在這個單詞上單擊一下,即可跳轉到它的翻譯頁面中,看完單詞的解釋后點一下返回按鈕,又可繼續閱讀,這就是超鏈接的常見用途。還有經常到購物網站中去,我們都是在百度搜索,然后點擊對應的搜索項進入到對應的購物網站的,這也是超鏈接的作用。超鏈接的屬性:

屬性 描述
href 網絡鏈接 [ 例如: http://www.baidu.com ] 本地鏈接 [ 例如:F:\html\index.html ] 規定鏈接的跳轉目標
title 百度 鏈接的提示信息
target _blank [ 在新建窗口中打開網頁 ] _self [ 默認值,覆蓋自身窗口打開網頁 ] _parent [ 在父級框架中打開網頁 ] _top [ 在頂級框架中打開網頁 ] framename [ 在指定的框架中打開網頁] 與前面四項固定值不同,framename是泛指,並不是這個值,這點將在后面框架部分內容中詳細介紹,這里可以暫時先略過

1、href是超鏈接最重要的屬性,規定了用戶點擊鏈接以后的跳轉目標,這個目標可以是 網絡連接,也可以是本地連接。

2、網絡鏈接指的是依靠網絡來進行關聯的地址,一般在地址前面是以 http://或者https://這樣開頭的,如果沒有網絡,則用戶點擊了超鏈接也無法訪問對應的目標。

3、本地鏈接指的是本地計算機的地址,一般在地址前面是以 file:///開頭或直接以 C:/、D:/、E:/開頭的,不需要經過網絡。

4、如果href的值留空,則默認是跳轉到當前頁面,也就是刷新當前頁面。

 

二、超鏈接的錨點應用

錨點( anchor )是超鏈接的一種應用,也叫命名錨記,錨點可以像一個定位器一樣,可以實現頁面內的鏈接跳轉,運用相當普遍。例如,我們有一個網頁,由於內容太多,導致頁面很長,而且里面的內容,可以分為N個部分。這樣的話,我們就可以在網頁的頂部設置一些錨點,這樣便可以方便瀏覽者點擊相應的錨點,到達本頁內相應的位置,而不必在一個很長的網頁里自行尋找。又例如,我們頁面中,有個鏈接需要跳轉到另一個頁面的中間或者腳部去,這時候也可以運用上錨點技術來解決這個問題。

<!DOCTYPE HTML>
<html lang="en-US">
  <head>
    <title>錨點的使用</title>
  </head>
  <body>
  <a href="#i1">第一章</a>
  <a href="#i2">第二章</a>
  <a href="#i3">第三章</a>

   <div id="i1">
      <p>第一章內容</p>
  </div>
   <div id="i2">
      <p>第二章內容</p>
  </div>
  <div id="i3">
     <p> 第三章內容</p>
  </div>
  </body>
</html>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM