タグを使って別のページにジャンプする方法
- zbtオリジナル
- 2023-09-11 16:01:124108ブラウズ
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 サイトの他の関連記事を参照してください。