ハイパーリンク実裝ブックマーク
ブックマークを実裝するには、アンカーとは何かを理解する必要があります。錨とは、船に取り付けられた錨のことで、投錨した後は船が簡単に流されたり、迷ったりすることはありません。実際、アンカーは 1 ページ內の別の場所にジャンプするために使用され、ブックマークと呼ばれる場所もあります。もちろん、関連するタグは < a> タグです。ハイパーリンク タグの name 屬性は、アンカーの名前を定義するために使用され、ハイパーリンクの href 屬性は対応するアンカーにジャンプできます。名前に基づいたアンカー。 次のようにジャンプを実裝します:
<a href="#跳轉目的地名稱">跳轉起始字符</a> ... ... ... <a name="跳轉目的地名稱">跳轉目的地字符</a>
詳細に実裝してみましょう:
<html> <head> <title>HTML</title> </head> <body style="font-size:20px"> <p style="text-align:center">網(wǎng)頁書簽</p> <p> <a href="#c1">網(wǎng)頁一</a> </p> <p> <a href="#c2">網(wǎng)頁二</a> </p> <p> <a href="#c3">網(wǎng)頁三</a> </p> <p> <a href="#c4">網(wǎng)頁四</a> </p> <p> <a href="#c5">網(wǎng)頁五</a> </p> <h1><a name="c1"></a>網(wǎng)頁鏈接一</h1> <p>內容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c2"></a>網(wǎng)頁鏈接二</h1> <p>lalalaalalal</p> <p>內容</p> <p>lalalaalalal</p> <h1><a name="c3"></a>網(wǎng)頁鏈接三</h1> <p>內容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c4"></a>網(wǎng)頁鏈接四</h1> <p>內容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c5"></a>c網(wǎng)頁鏈接五</h1> <p>lalalaalalal</p> <p>lalalaalalal</p> <p>內容</p> </body> </html>
クリックしてジャンプを実裝します