首先我們來看一下HTML中鏈接的書寫格式

 a href= # 鏈接名 /a 

鏈接地址

將鏈接名稱的id設置為跳轉位置的元素。

接下來我們來看具體的示例

創建以下HTML文件

代碼如下

Anchor.html

 !DOCTYPE html  html  head  meta http-equiv= Content-Type content= text/html; charset=utf-8 /  title /title  /head  body  a href= #section1 區域1 /a br /  a href= #section2 區域2 /a br /  a href= #section3 區域3 /a br /  hr /  a id= section1 區域1 /a  div >
說明：
在上面所說的代碼中
 a href= #section1 區域1 /a 
點擊會鏈接
 a id= section1 區域1 /a 
這樣在頁面內就會跳轉到相應的位置。
運行結果
執行上述HTML文件將顯示如下效果
單擊頁面中的區域1鏈接，就會在頁面中進行跳轉，區域1將會顯示在屏幕頂部。
同樣的，如果你點擊了區域2和區域3時也會出現相同的效果。
注意：
跳轉的id即使不是a標簽的也可以使用，下面的代碼展示了將div標記的id指定為跳轉目標時的代碼。
 !DOCTYPE html  html  head  meta http-equiv= Content-Type content= text/html; charset=utf-8 /  title /title  /head  body  a href= #section1 區域1 /a br /  a href= #section2 區域2 /a br /  a href= #section3 區域3 /a br /  hr /  div id= section1 區域1 /div  div >
本篇文章到這里就全部結束了，更多有關于HTML的精彩內容大家可以關注php 的HTML視頻教程欄目！！！
以上就是HTML設置頁面內鏈接的跳轉—錨點鏈接的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。