ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5アンカーポイントとは

HTML5アンカーポイントとは

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

    サンプルコード


    HTML ページの適切な位置に次のアンカー ポイントを定義します。トップ>>こちらTOP セクションです

クリックすると TOP にリンクします

ここがコンテンツ セクションです

クリックするとコンテンツにリンクします

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

もう 1 つの方法は、主に異なるページ間のアンカー ポイントへのアクセスに使用されます。 このページのアドレスが http://file path/index.html の場合、フットアンカーにアクセスするには、次のリンクにアクセスしてください

http://file path/index.html#foot






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

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

...テキストは省略されています

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

次のコードは IE8 と互換性があります
001 にジャンプ
...本文省略
& n b s p
...本文省略

別の質問, 特定のページの特定のアンカー コンテンツ (例: 123.html) を表示したいですか?

コードは以下の通りです
001にジャンプ
...本文省略
; & n b s p
…本文省略

これは昨日、背景の作業をしていたときに、「位置を修正」したくて、アンカーマークを外に移動しました(通常、私はそれを忘れています)。 。
しかし、プログラムは、値を取得するには接続に「?」または「&」が必要であると言っているので、私のアンカーポイントは互換性がありません...
はは!将来的には解決策が見つかるでしょう!
JSP ページではアンカー ポイントの互換性に問題がありますが、静的ページでは問題ありません。それでも学ぶ価値があります。

3. WEB開発ではページアンカーが使用されます。 HTML ページのアンカーは、ページのセクションにリンクするために使用されます。 W3School では、アンカーの作成には (アンカー) タグと name 属性を使用すると述べていますが、これがページ アンカーを作成する唯一の方法ではありません。 HTML ページのアンカーを作成する 2 つの方法について簡単に説明します。

テストには W3School のオンライン テスト ツールを使用できます。リンクを開いた後のテストコードは
を使用しており、テストには問題ありません。次に、「

第 4 章

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

説明すると、ページアンカーを作成する際には、アンカータグのname属性を使用する他に、id属性を使用することもできます。アンカー
タグの href 属性の値は、# で始まる値にターゲットの名前または ID を加えたものです。

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




< ;/p>

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


;方法 1


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

方法 2アンカー タグと id 属性を使用する




以上がHTML5アンカーポイントとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。