HTML Web ページにおけるアンカー ポイント (名前付きアンカー) の使用の概要_HTML/Xhtml_Web ページ制作

次の情報はインターネットから収集されたものです

1. アンカー ポイントは、Web ページ作成におけるハイパーリンクの一種であり、名前付きアンカー とも呼ばれます。名前付きアンカーは、クイック ロケーターのようなページ内のハイパーリンクであり、非常に一般的に使用されます。
英語名:アンカー
名前付きアンカーを使用してドキュメント内にタグを設定します。これらのタグは通常、特定のトピックまたはドキュメントの先頭に配置されます。これらの名前付きアンカーへのリンクを作成すると、訪問者を指定した場所にすばやく移動できます。
名前付きアンカーへのリンクの作成は 2 段階のプロセスです。まず、名前付きアンカーを作成し、次にその名前付きアンカーへのリンクを作成します。

サンプル コード

HTML ページの適切な位置に次のアンカー ポイントを定義します。
これはTOP パーツ
これは CONTENT パーツです
これは FOOT パーツです
(name 属性の代わりに id 属性を使用でき、名前付きアンカーも有効です。[1])
上記のアンカー ポイントにアクセスするには 2 つの方法があります
1 つは、ハイパーリンク タグを使用することです主にページ内のアンカー アクセスに使用されるアンカー リンクを作成します
TOP へのリンクをクリックします
クリックして CONTENT にリンクしてください
クリックして FOOT にリンクしてください
ページアドレスの直後にありますアンカータグは、主に異なるページ間のアンカーアクセスに使用されます
このページのアドレスが http://file path/index.html の場合、フットアンカーにアクセスするには、次のリンクにアクセスするだけです
http://File path/index.html#foot

2.html アンカーポイントとは何ですか?
簡単に言うと、例えば長い記事をセグメントごとに正確に読みたい場合は、アンカーポイントを使用できます。

コード:
001 にジャンプ
...テキスト省略

... テキスト省略

実際、アンカー ポイントには名前のみが必要で、互換性を高めるために ID が追加されます。値は名前 i d と一致する必要があり、先頭に「#」を追加する必要があります。上記のコードは ie6/7、ff では互換性がありますが、ie8 では互換性がありません。
アンカー ポイントの の値は空なので、見た目に影響を与えないようにスペースを追加するだけです。

次のコードは IE8 と互換性があります。 🎜>001 にジャンプ
...テキスト省略
/a>
...テキスト省略

別の質問ですが、特定のページ (123.html など) の特定のアンカー コンテンツを表示しますか?

コードは次のとおりです
001 にジャンプ
... テキスト省略
& n b s p
…本文省略

これは昨日、「位置を変更する」という作業をしていたときのことです。 , ということでアンカーマークが出てきたので移動しました（普段は忘れてます）。
しかし、プログラムは、値を取得するには接続に「?」または「&」が必要であると言っているので、私のアンカーポイントには互換性がありません...
ははは！将来的には解決策が見つかるでしょう！
JSP ページではアンカー ポイントの互換性に問題がありますが、静的ページでは問題がないため、学習する価値はあります。


3. WEB開発ではページアンカー
を使用します。 HTML ページのアンカーは、ページのセクションにリンクするために使用されます。 W3School では、アンカーの作成には (アンカー) タグと name 属性を使用すると述べていますが、これがページ アンカーを作成する唯一の方法ではありません。 HTML ページのアンカーを作成する 2 つの方法について簡単に説明しましょう。 テストには W3School のオンライン テスト ツールを使用できます。リンクを開いた後のテストコードは と を使用しており、テストには問題ありません。次に、「

第 4 章

」に変更します。テスト後の効果は同じです。

ページアンカーを作成するときは、アンカータグの name 属性を使用する以外に、id 属性も使用できることに注意してください。アンカー タグの href 属性の値は、# で始まる値にターゲットの名前または ID を加えたものです:

コードをコピーコードは次のとおりです:

ページ アンカー メソッド 1

a name="method1">メソッド 1

アンカー タグの href 属性と name 属性を使用します

">方法 2

アンカー タグと ID 属性を使用する