JavascriptはHrefで要素を作成します
absolute |
exp |
find |
iat |
JavaScript |
log |
mean |
median |
open |
sin
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のアドレス：
