「同じページ内にリンクする」と似た方法で、別文書の特定部分へリンクすることができます。
リンク元（出発点）
example1.html
<a href="example2.html#abc">ABCの位置へジャンプ</a>
リンク先（到達点）
example2.html
<h3 id="abc">ここがABCの位置</h3>
| 属性 | 値 | 説明 |
|---|---|---|
| href="" | URI | リンク先の文書とID名を指定 |
| id="" | ID名 | 固有の識別名を指定 |
■リンク先（到達点）の設定
まず、リンクの到達点となる任意の要素に、ID（識別名）を付けておきます。
以下の例では、h3要素に abc というID名を指定しています。
<h3 id="abc">ここがABCの位置</h3>
■リンク元（出発点）の設定
リンク元の href="" には、到達点のURIを指定します。
例えば、example2.html 内の abc という位置にリンクする場合は、URIは次のようになります。
<a href="example2.html#abc">ABCの位置へジャンプ</a>
ファイル名の後にハッシュ（ # ）を入れ、続いて到達点のID名を記述します。
【ID名について】
ID名を付ける際には、以下の点に注意してください。
- 1つのIDは、同じ文書内で1ヵ所にだけ使用できます。（重複させてはならない）
- 使用できる文字は、半角の英数字、ハイフン（ - ）、アンダーバー（ _ ）、コロン（ : ）、ピリオド（ . ）、です。（ハイフン以外の記号は使わない方が無難です）
- アルファベットで始めなければなりません。（数字や記号で始めてはならない）
- 大文字と小文字の区別があります。
古いブラウザを考慮する必要がある場合は、旧方式を参考にしてください。
使用例
■リンク元の文書（id_example1.html）
<h1>HTML index</h1>
<h2>リンク元のページ</h2>
<h3 id="menu">メニュー</h3>
<ul>
<li><a href="id_example2.html#section1">セクション1</a></li>
<li><a href="id_example2.html#section2">セクション2</a></li>
<li><a href="id_example2.html#section3">セクション3</a></li>
</ul>
■リンク先の文書（id_example2.html）
<h1>HTML index</h1>
<h2>リンク先のページ</h2>
<h3 id="section1">セクション1</h3>
<p>セクション1の段落。 ...</p>
<h3 id="section2">セクション2</h3>
<p>セクション2の段落。 ...</p>
<h3 id="section3">セクション3</h3>
<p>セクション3の段落。 ...</p>
<hr>
<p><a href="id_example1.html#menu">メニューに戻る</a></p>
表示例
- サイト内検索
