當前位置:名人名言大全網 - 短信平臺 - html中設置錨點定位的幾種常見方法

html中設置錨點定位的幾種常見方法

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代碼來實現動態變化的超鏈接,例如可以實現將鼠標移動到某個文字鏈接上。而靜態超鏈接,顧名思義,就是沒有動態效果的超鏈接。

百度百科-描點

百度百科-超鏈接