ホームページ > 記事 > ウェブフロントエンド > html HTMLページにジャンプします
html HTMLページにジャンプします
- WBOYオリジナル
- 2023-05-27 14:00:201632ブラウズ
インターネットの継続的な発展に伴い、Web ページは人々が情報を取得しコミュニケーションを図るための重要な方法の 1 つになりました。 Webページ作成の基本言語の一つとしてHTML(Hyper Text Markup Language)が広く使われています。 Web ページのジャンプを実装する場合、HTML は対応するいくつかのジャンプ タグとメソッドも提供します。この記事では、HTML でよく使用されるジャンプ メソッドと関連する例を紹介します。
HTML 言語で最も一般的に使用されるジャンプ方法は、 (アンカー、アンカー) タグを使用することです。他のページ、アンカー、外部サイトなど タグの基本的な構文は次のとおりです。
<a href="链接地址">链接名称</a>
このうち、href 属性は、相対パスまたは絶対パスでターゲット アドレスを指定するために使用されます。 。たとえば、プロジェクト ルート ディレクトリの about.html Web ページにジャンプするには、相対パス:
<a href="/about.html">关于我们</a>
を使用できます。また、絶対パス:
<a href="http://www.example.com/about.html">关于我们</a>を使用することもできます。
ここで http://www.example.com/ は Web ページの絶対パスです。リンクアドレスが外部 Web サイトの場合は、相対パスではなく絶対パスを使用してジャンプする必要があることに注意してください。
さらに、mailto を使用して、次のような電子メール アドレスへのハイパーリンクを実装することもできます。
<a href="mailto:example@example.com">发送电子邮件</a>
- このページの指定された場所にジャンプします- アンカー ポイント
このページの特定の部分にジャンプする必要がある場合、アンカー ポイントを使用できます。
HTML では、アンカーとは、Web ページの特定の部分にハイパーリンクを作成することを指します。これにより、ユーザーがリンクをクリックすると、ページ上の指定された場所に直接スライドできるようになります。
アンカー ポイントを実装するには 2 つの手順が必要です:
1. ジャンプ先の位置にアンカー ポイントを設定します
<a name="锚点名称"></a>
たとえば、次のようにします。ページのアンカー ポイントにアンカー ポイントを設定するには、ページの下部にジャンプし、次のコードを追加します:
<a name="bottom"></a> //注意这里的锚点名称为“bottom”
2. ジャンプする必要がある位置にリンクを追加します
たとえば、ページのどこかにリターンを設定したい場合、上部のリンクからページの下部に直接ジャンプします。次のコードを追加します。
<a href="#bottom">返回底部</a>
このように、クリックすると、 「最後に戻る」リンクをクリックすると、ページの一番下に直接ジャンプできます。
- e8e496c15ba93d81f6ea4fe5f55a2244タグメソッド
<meta http-equiv="refresh" content="5;url=http://www.example.com">このうち、
content 属性は、コンテンツの期間とターゲット アドレスを指定します。 Jump (この例では、ターゲット アドレスは http://www.example.com)、数字の 5 は 5 秒の継続時間を表します。時間が経過すると、自動的にターゲットにジャンプします住所。 e8e496c15ba93d81f6ea4fe5f55a2244 タグを使用してジャンプする場合、ページにリンクを追加できないため、この方法はすべての状況に適用できるわけではないことに注意してください。
以上がhtml HTMLページにジャンプしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。