ホームページ > 記事 > ウェブフロントエンド > HTMLでページ内ジャンプを実装する方法
HTMLでページ内ジャンプを実装する方法
- coldplay.xixiオリジナル
- 2021-04-27 16:27:0412576ブラウズ
html ページ内ジャンプを実装する方法: 1. デフォルトのリンク アンカーを使用します。 2. href は特定の ID を指します。コードは [4deb9c0f68e6d4d097f85109839e8825hyperlink<] です。 ; /a>]; 3. カスタム リンク アンカーを使用します。
html ページ内ジャンプを実現する方法:
1. デフォルトのリンク アンカーを使用する 最も簡単な方法は、スーパー リンクを追加することです。 , ハイパーリンクのhref属性の値を「#top」に設定することで先頭に戻る機能を実現します。<a href="#top"> 超链接 </a>2. href は特定の ID を指しますページの既存のタグで、「トップに戻る」接続の href を使用して、次の id 属性を持つタグを指します。トップに戻る機能を実現します。このメソッドでは、ページの先頭にあるタグ内に先頭を指す id 属性を持つタグが必要です。カスタム追加も可能です。
<body id="bh-page">
...
<a href="#bh-page">
超链接
</a>
</body>3. カスタム リンク アンカーを使用するこの方法では、カスタム リンク アンカーを使用します。アンカーを定義し、ハイパーリンクを使用してアンカーを指す必要があります。 この方法は実際には 2 番目の方法と似ていますが、追加のリンク アンカーを定義する必要がある点が異なります。 <a name="gohere"></a>//定义一个超链接，跳转到这个，可以没有文字 ..... <a href="#gohere"> 超链接 </a>
関連する学習に関する推奨事項:
以上がHTMLでページ内ジャンプを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLのスクロールバーを消す方法次の記事：HTMLのスクロールバーを消す方法