別ページの指定した箇所にリンクする

別ページの特定の箇所へリンクするHTMLタグの解説です。識別子を表すid属性を使用して設定していきます。

id属性で指定する

id属性を使用して、別ページの指定した箇所が表示されるように設定していきます。

コード形式は<a href="HTMLファイル名#id名">テキスト</a>のようになります。

属性	解説
id	要素の識別子

前回の記事「同じページの指定した箇所にリンクする」のファイル名はid-same.htmlになります。また同じ階層に前回の記事があること、としています。パスの設定がわからない場合は「相対パスの詳しい解説」をご覧ください。

<p><a href="id-ame.html#text1">別ページのテキストその１へ移動</a></p>

前回のid-same.html内のHTMLコード

<p id="text1">テキストその１</p>

ブラウザ表示例