ホームページ > 記事 > ウェブフロントエンド > アンカーリンクの作り方
アンカーリンクの作り方
- 不言オリジナル
- 2018-12-27 13:49:4537146ブラウズ
Web ページ上のコンテンツが多すぎる場合は、アンカー リンクを使用してその場所にジャンプできます。アンカー リンクを通じて、ドキュメントだけでなく、ページ内の特定の段落もポイントできます。 Web ページ内のコンテンツを閲覧しやすくするには、アンカー リンクを実装するにはどうすればよいでしょうか。この記事ではアンカーリンクの導入方法を紹介します。
#方法 1: アンカーの位置決めに ID を使用する
具体的な例を見てみましょう##コードは次のとおりです<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#string">跳转</a> <hr/> <br><br><br><br><br> <br><br><br><br>< <br><br><br> <br><br> <br><br> <br><br> <br> <br> <br> <a id="string">hello,I'm here!</a> </body> </html>
操作効果は次のとおりです
方法 2: name 属性を使用してアンカー リンクを実装する
具体的な例を見てみましょう
コードは次のとおりです。 follow<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#string">跳转</a> <hr/> <br><br><br><br><br> <br><br><br><br>< <br><br><br> <br><br> <br><br> <br><br> <br> <br> <br> <a name="string">hello,I'm here!</a> </body> </html>
また、マウスで「ジャンプ」をクリックすると、「こんにちは、ここにいます!」という現在のページにジャンプします。
以上がアンカーリンクの作り方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。