1、方法壹:
給錨點文本標簽添加id,使用<a href="#"></a>來定位,當單擊a鏈接時,就會跳到id為a01的p標簽處;
如:
<div><a href="#a01"></a></div>
<p>練習</p><p>練習</p><p>練習</p><p>練習</p><p>練習</p>
<p id="a01">練習</p>
這樣的定位可以針對任何標簽來定位。
2、方法二:
給a標簽的文本添加錨點,單擊鏈接可跳到name為a01的a標簽處;
如:
<div><a href="#a01"></a></div>
<p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p>
<a name="a01" href=“#”>練習</a>
使用name屬性只能針對a標簽來定位,而對div等其他標簽就不能起到定位作用。
3、方法三:
使用js,如:
<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
擴展資料:
類似的html元素用法:
1、超鏈接對象
超鏈接是超級鏈接的簡稱。如果按照使用對象的不同,網頁中的鏈接又可以分為:文本超鏈接,圖像超鏈接,E-mail鏈接,錨點鏈接,多媒體文件鏈接,空鏈接等。
超鏈接是壹種對象,它以特殊編碼的文本或圖形的形式來實現鏈接,如果單擊該鏈接,則相當於指示瀏覽器移至同壹網頁內的某個位置,或打開壹個新的網頁,或打開某壹個新的WWW網站中的網頁。
2、動態靜態
超鏈接還可以分為動態超鏈接和靜態超鏈接。動態超鏈接指的是可以通過改變HTML代碼來實現動態變化的超鏈接,例如可以實現將鼠標移動到某個文字鏈接上。而靜態超鏈接,顧名思義,就是沒有動態效果的超鏈接。
百度百科-描點
百度百科-超鏈接