HTMLでのアンカーポイント（名前付きアンカー）の使用の紹介

英語名：アンカー

名前のアンカーを使用して、ドキュメントにマークを設定します。ドキュメントは、通常、ドキュメント内の特定のトピックの上部または上部に配置されます。これらの名前付きアンカーへのリンクを作成して、訪問者を指定された場所にすばやく連れて行くことができます。

名前付きアンカーへのリンクを作成するプロセスは、2つのステップに分割されます。まず、名前のアンカーを作成し、次にその名前のアンカーへのリンクを作成します。

適切な場所でHTMLページの次のアンカーポイントを定義します。

<a name = top>これが上部の部分です</a>

<a name = content>これがコンテンツパーツ</a>です

<a name = foot>これは足の部分です</a>

（名前属性の代わりにID属性を使用でき、名前付きアンカーも有効です。[1]）

上記のようにアンカーポイントにアクセスするには2つの方法があります

1つは、ハイパーリンクタグ<a> </a>を使用して、主にページのアンカーアクセスに使用されるアンカーリンクを作成することです。

<a href =＃top>私をクリックしてトップにリンクします</a>

<a href =＃content>私をクリックしてコンテンツにリンク</a>

<a href =＃foot>私をクリックして足にリンクします</a>

別の方法は、主に異なるページ間のアンカーポイントアクセスに使用されるページアドレスに直接アンカーマークを追加することです。

このページのアドレスがhttp：// file path/index.htmlである場合、フットアンカーにアクセスするには、次のリンクにアクセスしてください。

http：// file path/index.html＃foot

たとえば、簡単に言えば、正確な段落で非常に長い記事を見たい場合は、アンカーポイントを使用できます。

コード：

<a href =＃001> 001 </a>にスキップします

...テキスト省略

<a name = 001 id = 001>/a>

...テキスト省略

実際、アンカーポイントには名前のみが必要であり、IDが追加されて互換性が高くなります。

HREFの値は、名前/IDと一致する必要があり、＃をその前に追加する必要があります。上記のコードはIE6/7およびFFで互換性がありますが、IE8では実行できません。

アンカーポイントの価値は空であるため、美しさに影響を与えないためにスペースを追加するだけです。

次のコードとして、IE8と互換性があります

<a href =＃001> 001 </a>にスキップします

...テキスト省略

<a name = 001 id = 001>＆nbsp </a>

...テキスト省略

別の質問、特定のページにアンカーポイントのコンテンツを表示することについてはどうでしょうか（123.htmlなど）？

コードは次のとおりです

<a href = 123.html＃001> 001 </a>にスキップします

...テキスト省略

<a name = 001 id = 001>＆nbsp </a>

...テキスト省略

これは私がバックグラウンドで働いていた昨日でした。ポジショニングを変更したかったので、アンカーマークを動かしました（通常は忘れてしまいました）。

しかし、プログラムは、彼らが価値を取得したいと言っており、彼らは持っている必要がありますか？または、関連して、アンカーポイントが互換性がないように...

hehe！将来的には解決策があります！

JSPページにはアンカーの互換性に問題がありますが、静的ページでは問題はなく、学習する価値があります。

W3Schoolのオンラインテストツールを使用してテストできます。リンクを開いた後のテストコードは、<a href =＃c4″>と<a name = c4″>を使用しますが、テストに問題はありません。次に、<h2> <a name = c4″>第4章</a> </h2>に<h2 id = c4″>第4章</h2>を変更し、テストすると、効果は同じです。

注：アンカータグ名属性を使用することに加えて、ID属性を使用してページアンカーを作成することもできます。アンカーポイント<a>タグのHREF属性の値は、開始点＃の値とターゲットの名前またはIDの値です。

コードをコピーします