タグを使って別のページにジャンプする方法

zbt
リリース: 2023-09-11 16:01:12
オリジナル
4100 人が閲覧しました

a タグを使用してハイパーリンクを作成し、a タグを通じてあるページを別のページにリンクできます。詳細な紹介: ページ ジャンプを実現するには、ターゲット ページの URL を href 属性に入力する必要があります。URL には相対パスまたは絶対パスを使用できます。相対パスは現在のページからの相対パスであり、絶対パスは完全な URL です。

タグを使って別のページにジャンプする方法

このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。

Web 開発では、a タグはハイパーリンクを作成するために使用されるタグです。タグを使用すると、あるページを別のページにリンクできます。この記事では、a タグを使用してページジャンプを実現する方法について説明します。

まず、タグの基本的な構文を理解する必要があります。 aタグはHTMLタグであり、その基本的な構造は次のとおりです。

<a href="目标页面URL">链接文本</a>
ログイン後にコピー

このうち、href属性は対象ページのURLを指定するために使用され、リンクテキストはリンク先ページのURLを指定する際に表示されるテキストです。ユーザーがクリックします。

ページジャンプを実現するには、href 属性にターゲットページの URL を入力する必要があります。 URL には相対パスまたは絶対パスを使用できます。相対パスは現在のページからの相対パスですが、絶対パスは完全な URL アドレスです。

ターゲット ページが現在のページと同じディレクトリにある場合は、相対パスを使用できます。たとえば、ターゲット ページがindex.htmlで、現在のページも同じディレクトリ内のindex.htmlである場合、相対パス「./index.html」を使用してターゲット ページを指定できます。

ターゲット ページが別のディレクトリにある場合は、相対パスを使用してターゲット ページの場所を指定できます。たとえば、対象ページが上位ディレクトリのサブフォルダー ディレクトリ内のindex.htmlにある場合、相対パス「../subfolder/index.html」を使用して対象ページを指定できます。

さらに、絶対パスを使用してターゲット ページの場所を指定することもできます。絶対パスには、プロトコル、ドメイン名、パスが含まれます。たとえば、ターゲット ページの完全な URL が https://www.example.com/subfolder/index.html である場合、URL を href 属性に直接入力できます。

ターゲット ページの URL を指定することに加えて、a タグに他の属性を追加して、より多くの機能を実現することもできます。たとえば、target 属性を使用して、リンクを開く場所を指定できます。デフォルトでは、リンクは現在のウィンドウまたはタブで開きます。リンクを新しいウィンドウまたはタブで開きたい場合は、target 属性を「_blank」に設定できます。

次の例は、a タグを使用してページ ジャンプを実現する方法を示しています。

<!DOCTYPE html>
<html>
<head>
<title>页面跳转示例</title>
</head>
<body>
<h1>页面跳转示例</h1>
<p>点击下面的链接跳转到目标页面:</p>
<a href="./target.html">跳转到目标页面</a>
<p>点击下面的链接在新的窗口中打开目标页面:</p>
<a href="./target.html" target="_blank">在新窗口打开目标页面</a>
</body>
</html>
ログイン後にコピー

上記の例では、リンクが 2 つあります。最初のリンクは相対パス「./target.html」を使用しており、ユーザーがこのリンクをクリックすると、現在のディレクトリの target.html ページにジャンプします。 2 番目のリンクも相対パスを使用し、target 属性を "_blank" に設定します。ユーザーがリンクをクリックすると、target.html ページが新しいウィンドウで開きます。

aタグを使うと簡単にそのページにジャンプできます。同じディレクトリ内であっても、異なるディレクトリ内であっても、相対パスと絶対パスは、ターゲット ページの場所を指定するのに役立ちます。同時に、他の属性を使用して、リンクを新しいウィンドウで開くなど、より多くの機能を実現することもできます。 。

以上がタグを使って別のページにジャンプする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート