同じページの別の箇所にリンクする

id属性を使って同じページ内で特定の指定した箇所にリンクする方法です。id属性にはいろいろと細かいルールがあるので注意しましょう。

id属性で指定する

id属性は要素の識別子を表します。識別子とは、要素につけられた任意の名前になります。

属性	解説
id	要素の識別子

同じドキュメント内でひとつのid名で設定できるのは1箇所となります、重複してid名を使用しないようにしましょう、またid名にはスペースは使用できません。

同じのページの中で、リンクを設定する場合、リンクしたい先にid属性を入力します。値に#をつけてリンク先を指定します。

<p><a href="#text2">その２へ移動</a></p>
<p>テキストその１</p>
<p id="text2">テキストその２</p>

<p>の下側の余白をCSSで設定します。

p { margin-bottom: 100px;}

ブラウザ表示例

テキストその１

テキストその２