現在のページ遷移を実現するための a タグと name 属性の使用#
HTML では、a タグの name
属性は通常、名前付きアンカーを定義するために使用され、リンクの遷移には使用されません。リンクの遷移を実現するには、通常、a タグの href
属性が使用されます。
名前付きアンカーを作成する際は、ドキュメントの任意の場所で <a>
タグと name
属性を使用してアンカーを作成できます。その後、 #
記号を含むリンクを使用して、他の場所からこのアンカーを参照し、アンカーがある位置に遷移することができます。
例えば、次のように HTML で名前が section1
のアンカーを作成できます:
<a name="section1"></a>
同じドキュメント内の他の場所から、次のリンクを使用してこのアンカーに遷移できます:
<a href="#section1">セクション1に移動</a>
このリンクをクリックすると、ブラウザはドキュメント内で定義された section1
という名前のアンカーがある位置に遷移します。 href
属性値は #
記号で始まることに注意してください。これは、名前付きアンカーに遷移するためであるためです。
名前付きアンカーに遷移する別の方法として、 name
属性の代わりに空でない id
属性を使用する方法があります。これは、HTML5 では name
属性を名前付きアンカーを作成するためには非推奨となっているためです。 id
属性を使用して名前付きアンカーを作成することは、より現代的で適切な方法です。