Change language
Python.Engineering Wiki JavascriptはHrefで要素を作成します

JavascriptはHrefで要素を作成します

__main__ Python module | absolute | ast Python module | code Python module | COM PHP module | dis Python module | email Python module | Ev PHP module | exp | Hash PHP module | html Python module | http Python module | iat | io Python module | JavaScript | Mail PHP module | os Python module | PS PHP module | Python functions | Rar PHP module | re Python module | resource Python module | site Python module | SPL PHP module | StackOverflow | test Python module | types Python module | UI PHP module | URLs PHP module
Michael Zippo Michael Zippo

HTMLリンクをクリックすると別のページに移動します。 タグはアンカーポイントを定義します。 「href」属性は、ユーザーがリンクをクリックしたときにどこに誘導されるかを示します。 と終了タグの間には、ユーザーに表示されるアンカーテキストがあります。

Webページを作成するときに、別のWebページまたはWebサイトを参照できます。 。たとえば、ブログを開始して、関連性があると思われる記事にリンクしたい場合があります。

ハイパーリンクまたはリンクは、あるWebページを別のWebページにリンクするために使用されます。ユーザーが複数のWebページ間をすばやく移動できるようにします。 ハイパーリンクを使用して、サイトの他のページや別のサイトのページにリンクできます。

このガイドでは、HTMLのハイパーリンクの基本について説明します。 。リンクの目的、ブックマークアンカー、および電子メールアドレスとWeb要素へのリンクを作成する方法について説明します。

HTMLハイパーリンク

ハイパーリンクHTMLは別のWebリソースを指します。ハイパーリンクは、タグと終了タグの間に定義されます。これら2つのタグの間のテキストは、リンクがクリックされたときにユーザーをリンクされたWebリソースに移動します。

ハイパーリンクはラベルを使用して作成されます。 HTMLファイルのlinkの構文は次のとおりです。

開始タグで指定したURLリンクタグ間のテキスト。 href属性を使用してリンク先URLを選択します。これは、絶対URLまたは https://python.engineeringのような絶対リンクまたはサイトの一部へのURL

これは、KarmaCareerホームページのWebアドレスを指すリンクの例です。

HTMLリンクタグタイプ

ブラウザで表示できるリンクには3つのタイプがあります。これらは次のとおりです。

  • 未訪問のリンクは青色で表示されます
  • 訪問したリンクは紫色で表示されます
  • アクティブなリンクは赤

一部のウェブサイトはこれらの色を置き換えます。つまり、表示が異なりますが、これらは HTML HTMLハイパーリンク

。：ターゲット

リンクを開く方法を変更できます。たとえば、ユーザーのWebブラウザの新しいタブでリンクを開きたいとします。これにより、ユーザーは現在表示している

Webページでの位置を失うことがなくなります。ここで、 targetHTMLリンク属性が役立ちます。targetリンクを使用して、接続したリソースをブラウザが開く場所を指定できます

>

使用できるターゲットには、次の4種類があります。

  • _self ：同じウィンドウとタブでWebリソースにアクセスします。これは、 HTMLハイパーリンクで使用されるデフォルトの宛先です
  • _parent ：..親ウィンドウでWebリソースにアクセスします
  • < em> _blank:。新しいウィンドウまたはタブでWebリソースにアクセスします
  • _top:。フルブラウザウィンドウでWebリソースにアクセスします

これらのリンクの動作例を次に示します。

ハイパーリンクHTML：ブックマークアンカー

ハイパーリンク HTML は、HTMLの特定の部分を参照することもできますドキュメント。これは、長いWebページがあり、ユーザーをテキスト内の特定の場所に誘導する場合に便利です。

アンカーの使用を開始する前に、ブックマークの場合は、最初に目的の要素にID属性を設定する必要があります。移動するユーザー。 WebページのタイトルでID属性を宣言する例を次に示します。

HTMLヘッダータグにIDsubtitle3 を割り当てました。これは、リンクで参照として使用できます。 。

このヘッダーを参照するリンクの例を次に示します。

タグには、リンクするアイテムのIDを指定します。リンクされたドキュメントがWebページにあることをブラウザが認識できるように、id（＃）の前にハッシュを付けましょう。

HTMLアンカータグ

HTMLアンカータグはラベルを参照します。このタグは、ユーザーを別のWebリソースにリンクします。 「href」属性は、ユーザーがリンクをクリックしたときに移動するリソースを定義します。

HTMLアンカータグの例

HTMLタグの使用例をいくつか見てみましょう。

相対URL

開発しているのと同じHTMLドキュメント上のリソースにリンクしている場合は、相対URLを使用できます。相対URLはローカルリンクとも呼ばれ、「 https：//www.sitename .com "構文。これの代わりに、ローカルサーバー上の特定のファイルパスWebリソースを指す相対URL。

たとえば、キャリアKarmaのWebサイトに、ブログを指すリンクを作成するとします。私たちのサイトはKarmaCareerサイトであるため、絶対URLを使用する代わりに、ローカルURLを使用できます。このリンクを作成するために使用するコードは次のとおりです。

Karmaキャリアブログのテキストをクリックすると、 / blogリソースに移動しました。サイト

メールアドレス

アンカータグを使用して、メールアドレスにリンクすることもできます。メールアドレスへのリンクをクリックすると、ユーザーのデフォルトのメールプログラムが開きます。 。ユーザーは、指定されたメールアドレスにメッセージを送信してメールアドレスに接続するかどうかを尋ねられます

、mailtoプロトコルでリンクを開始する必要があります。メールへのリンクの例を次に示します。 HTMLのアドレス：

リンクをクリックすると、メールプログラムが開き、「[email protected]"The。アンカータグは、Webページ上の要素にリンクできます。このリンクを作成するには、アンカーが指す要素のIDを指定します。ユーザーをウェブページのヘッダーTopictestに誘導するリンクが必要だとします。このリンクは、次のコードを使用して作成できます。

リンクをクリックすると、ウェブページがID test_headingのアイテムにスクロールします。 。

結論

ハイパーリンクをHTMLで使用して、ウェブページやその他のリソースを関連付けることができます。ハイパーリンクを使用して、サイトやその他のウェブサイトのリソースに接続できます。このガイドでは、 HTMLドキュメントでハイパーリンクを使用する方法について説明しました。

このすべての情報を使用して、ハイパーリンクを作成する準備が整いました。 HTML マスターのように！

HTMLでのコーディングの詳細については、HTMLガイドの学習方法をご覧ください。 。