HTML Web ページでのアンカー ポイント (名前付きアンカー) の使用の概要

不言
リリース: 2018-06-05 11:39:44
オリジナル
5717 人が閲覧しました

アンカー ポイントは、Web ページ制作におけるハイパーリンクの一種であり、名前付きアンカーとも呼ばれます。アンカー ポイントの使用方法を知らない人は、次のようなことを理解する必要があります。お見逃しなく

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

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

サンプルコード

HTMLページ内の適切な位置に次のアンカーポイントを定義します:

<a name="top">这里是TOP部分</a> 
<a name="content">这里是CONTENT部分</a> 
<a name="foot">这里是FOOT部分</a>
ログイン後にコピー

(name属性の代わりにid属性を使用でき、名前付きアンカーも有効です。[1])
上記のアンカーポイントには、2つのアクセス方法があります
1つは、ハイパーリンクタグを使用してアンカーリンクを作成する方法で、主にページ内のアンカーアクセスに使用されます

<a href="#top">点击我链接到TOP</a> 
<a href="#content">点击我链接到CONTENT</a> 
<a href="#foot">点击我链接到FOOT</a>
ログイン後にコピー

アンカータグの追加は、主に異なるページ間のアンカーアクセスに使用されます。このページのアドレスが http://file path/index.html の場合、フットアンカーにアクセスするには、次のリンクにアクセスするだけです。 . http:// ファイルパス/index.html#foot

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

<a href="#001">跳到001</a> 
...文字省略 
<a name="001" id="001" ></a> 
...文字省略
ログイン後にコピー

実際、アンカーポイントには名前のみが必要です。互換性を高めるために ID が追加されます。

href の値は名前 i d と一致する必要があり、先頭に「#」を追加する必要があります。上記のコードはie6/7およびffと互換性がありますが、ie8とは互換性がありません。

アンカーポイントのの値は空なので、外観に影響を与えないようにスペースを追加するだけです

次のコードはIE8と互換性があります

もう一つの質問。表示させたいのですが、あるページ(例:123.html)のアンカーコンテンツはどうなるのでしょうか?

コードは以下の通りです


<a href="#001">跳到001</a> 
...文字省略 
<a name="001" id="001" > & n b s p </a> 
...文字省略
ログイン後にコピー

これは昨日、背景の作業をしていたときに「位置の変更」を実装したかったので、アンカーマークを外側に移動しました(通常、私はそれを忘れています)。
しかし、プログラムは、値を取得するには接続に「?」または「&」が必要であると言っているので、私のアンカーポイントは互換性がありません...

はは!将来的には解決策が見つかるでしょう!

JSP ページではアンカー ポイントの互換性に問題がありますが、静的ページでは問題ありません。それでも学ぶ価値があります。

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

第 4 章

」に変更します。テスト後の効果は同じです。 説明すると、ページアンカーを作成する際にはアンカータグのname属性を使用する他に、id属性を使用することもできます。アンカー タグの href 属性の値は # で始まり、ターゲットの名前または ID の値が続きます:


コードをコピーします

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

<a href="123.html#001">跳到001</a> 
...文字省略 
<a name="001" id="001" > & n b s p </a> 
...文字省略
ログイン後にコピー

:

HTMLフォームの使用方法のさまざまな例

以上がHTML Web ページでのアンカー ポイント (名前付きアンカー) の使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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