idを使って「ページ内リンク」も作れる

次のようにリンクを(a要素を)記述した場合。

<a href="#footer">ページ末尾へ</a>
上記は、一般的な「ページ内リンク」を作るHTMLです。
このように記述した場合、ページ内で「footer」と名前が付けられた位置にジャンプするリンクができます。このジャンプ先に、idが使える。


たとえば、次のようなid属性が付加されたdiv要素があれば...

<div id="footer">
  ここからページ末尾~
   : : :
</div>
先ほどの(a要素で作った)ページ内リンクをクリックすると、上記のdiv要素のある位置にジャンプすることになります。

最終更新:2007年09月18日 11:12