<a href="#"></a>
ブラウザ |
|
---|---|
分類 | |
要素 |
以下の指定を行なうと、同じ文書内の特定部分へのリンクが可能になります。
リンク元(出発点)
<a href="#abc">ABCの位置へジャンプ</a>
リンク先(到達点)
<h3 id="abc">ここがABCの位置</h3>
属性 | 値 | 説明 |
---|---|---|
href="" |
# ID名 |
リンク先のID名を指定 |
id="" |
ID名 | 固有の識別名を指定 |
リンク先(到達点)の設定
まず、リンクの到達点となる任意の要素に、ID(識別名)を付けておきます。
以下の例では、h3
要素に abc
というID名を指定しています。
<h3 id="abc">ここがABCの位置</h3>
リンク元(出発点)の設定
リンク元の href=""
には、到達点のID名をハッシュ( #
)に続けて記述します。
<a href="#abc">ABCの位置へジャンプ</a>
この abc
という名前が、リンク元とリンク先を結びつけることになります。
ID名について
ID名を付ける際には、以下の点に注意してください。
- 1つのIDは、同じ文書内で1ヵ所にだけ使用できます。(重複させてはならない)
- 使用できる文字は、半角の英数字、ハイフン(
-
)、アンダーバー(_
)、コロン(:
)、ピリオド(.
)、です。(ハイフン以外の記号は使わない方が無難です) - アルファベットで始めなければなりません。(数字や記号で始めてはならない)
- 大文字と小文字の区別があります。