html HTMLページにジャンプします

インターネットの継続的な発展に伴い、Web ページは人々が情報を取得しコミュニケーションを図るための重要な方法の 1 つになりました。 Webページ作成の基本言語の一つとしてHTML(Hyper Text Markup Language)が広く使われています。 Web ページのジャンプを実装する場合、HTML は対応するいくつかのジャンプ タグとメソッドも提供します。この記事では、HTML でよく使用されるジャンプ メソッドと関連する例を紹介します。

1. タグメソッド

HTML 言語で最も一般的に使用されるジャンプ方法は、(アンカー、アンカー) タグを使用することです。他のページ、アンカー、外部サイトなどタグの基本的な構文は次のとおりです。

链接名称

このうち、href属性は、相対パスまたは絶対パスでターゲット アドレスを指定するために使用されます。 。たとえば、プロジェクト ルート ディレクトリのabout.htmlWeb ページにジャンプするには、相対パス:

关于我们

を使用できます。また、絶対パス:

关于我们

ここでhttp://www.example.com/は Web ページの絶対パスです。リンクアドレスが外部 Web サイトの場合は、相対パスではなく絶対パスを使用してジャンプする必要があることに注意してください。

さらに、mailtoを使用して、次のような電子メール アドレスへのハイパーリンクを実装することもできます。

发送电子邮件

2. このページの指定された場所にジャンプします- アンカー ポイント

このページの特定の部分にジャンプする必要がある場合、アンカー ポイントを使用できます。

HTML では、アンカーとは、Web ページの特定の部分にハイパーリンクを作成することを指します。これにより、ユーザーがリンクをクリックすると、ページ上の指定された場所に直接スライドできるようになります。

アンカー ポイントを実装するには 2 つの手順が必要です:

1. ジャンプ先の位置にアンカー ポイントを設定します

たとえば、次のようにします。ページのアンカー ポイントにアンカー ポイントを設定するには、ページの下部にジャンプし、次のコードを追加します:

 //注意这里的锚点名称为“bottom”

2. ジャンプする必要がある位置にリンクを追加します

たとえば、ページのどこかにリターンを設定したい場合、上部のリンクからページの下部に直接ジャンプします。次のコードを追加します。

返回底部

このように、クリックすると、 「最後に戻る」リンクをクリックすると、ページの一番下に直接ジャンプできます。

3. タグメソッド

タグまたはアンカーを使用してジャンプすることに加えて、## を使用することもできます。 # タグはページジャンプを実装します。 Web ページのヘッダーに タグを挿入することで、自動ジャンプ機能を実現できます。