HTML 鏈接展現形式與target屬性和錨文本設置


HTML 鏈接:HTML 使用超級鏈接與網絡上的另一個文檔相連。幾乎可以在所有的網頁中找到鏈接。點擊鏈接可以從一張頁面跳轉到另一張頁面。

HTML 超鏈接(鏈接)?

  1. HTML使用標簽 <a>來設置超文本鏈接,是可以從一個頁面指向另一個目的端的鏈接。

  2. 超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
  3. 當您把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。
  4. 在標簽<a> 中使用了href屬性來描述鏈接的地址。

默認情況下,鏈接將以以下形式出現在瀏覽器中(如果為這些超鏈接設置了CSS樣式,展示樣式會根據CSS的設定來顯示)

  • 一個未訪問過的鏈接顯示為藍色字體並帶有下划線
  • 訪問過的鏈接顯示為紫色並帶上下划線
  • 點擊鏈接時,鏈接顯示為紅色並帶上下划線
1 <a href="#">鏈接文字</a>

以上代碼HTML 空鏈接:指指向鏈接后,鼠標變成手形,但單擊后仍停留在當前頁面,臨時加的空鏈接,主要為了能更好的看到最終的效果,其中“ # ”表示空鏈接。

HTML 鏈接語法:鏈接的 HTML 代碼很簡單,href 屬性描述了鏈接的目標,URL為要鏈接地址,舉例:<a href="//www.wzjskf.com/">跳轉網址</a>

1 <a href="url">Link text</a>

其中HTML 鏈接默認的被鏈接文檔會在原有的窗口中打開的。如果將 target 屬性設置為 "_blank" 則文檔就會在新窗口打開,使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示(在新的窗口打開,還是在原有的窗口中打開)。

1 <a href="//www.wzjskf.com/" target="_blank">新窗口打開</a>
2 <a href="//www.wzjskf.com/" target="_self">當前窗口打開</a>

錨文本||HTML 鏈接 - id 屬性:id 屬性可用於在一個 HTML 文檔中創建書簽標記, 書簽是不以任何特殊的方式顯示,在HTML文檔中是不顯示的,所以對於讀者來說是隱藏的。

1 在HTML文檔中插入ID:   
2 <a id="tips">Useful Tips Section</a>
3 在HTML文檔中創建一個鏈接到"有用的提示部分(id="tips")":    
4 <a href="#tips">Visit the Useful Tips Section</a>
5 或者,從另一個頁面創建一個鏈接到"有用的提示(id="tips")部分":  
6 <a href="//www.w3cschool.cn/html_links.html#tips"> Visit the Useful Tips Section</a>

e.g: 請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接:href="//www.w3cschool.cn/html",就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址,然后創建一個新的請求,就像這樣:href="//www.w3cschool.cn/html/"。


免責聲明!

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



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