網站首頁 > 技術正文

頁面內部添加鏈接的二種方式

唐哲 2018-10-16 08:08:01 技術 7267 ℃ 1 評論

有時候一個頁面的內容很多，想要在頁面內部添加一個目錄，這時候就需要在頁面內部做鏈接，又叫錨點。

類似于這個頁面的目錄，都是鏈接到頁面內部的：EA面板參數、各按鈕功能詳細使用說明 - https://www.eabang.com/post/230.html

錨點的兩種添加方式

　　1、給錨點文本標簽添加id，使用<a href="#"></a>來定位，當單擊a鏈接abc時，就會跳到id為a01的p標簽處；

<div>
    <a href="#a01">abc</a>
</div>

<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>

<p id="a01">練習</p>

<p>練習</p>

　　這樣的定位可以針對任何標簽來定位。　　

　　2、給a標簽的文本添加錨點，單擊abc鏈接可跳到name為a01的a標簽處；

<div>
    <a href="#a01">abc</a>
</div>

<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>
<p>練習</p>

<a name="a01" href=“#”>練習</a>

<p>練習</p>

　　使用name屬性只能針對a標簽來定位，而對div等其他標簽就不能起到定位作用。　

猜你喜歡

網站分類

站點信息