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

WBOY
リリース: 2016-05-16 16:39:18
オリジナル
3379 人が閲覧しました
次の情報はインターネットから収集されたものです

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

サンプル コード

HTML ページの適切な位置に次のアンカー ポイントを定義します。
これはTOP パーツ
これは CONTENT パーツです
これは FOOT パーツです
(name 属性の代わりに id 属性を使用でき、名前付きアンカーも有効です。[1])
上記のアンカー ポイントにアクセスするには 2 つの方法があります
1 つは、ハイパーリンク タグを使用することです< /a>主にページ内のアンカー アクセスに使用されるアンカー リンクを作成します
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 属性を使用する





関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート