例で説明されているHTMLahref属性

この属性は、リンクによって提供される宛先を参照します。a(アンカー)タグはせずに死んでいる属性。

タグの使い方

ワークフローで、ライブリンクが必要ない場合や、リンク先がまだわからない場合があります。この場合、デッドリンクを作成するためにhref属性を設定すると便利です"#"

このhref属性を使用して、ローカルファイルまたはインターネット上のファイルにリンクできます。

例えば:

  Href Attribute Example   

Href Attribute Example

The freeCodeCamp Contribution Page shows you how and where you can contribute to freeCodeCamp's community and growth.

この属性はすべてのブラウザでサポートされています。

その他のHTML属性:

hreflang :リンクされたリソースの言語を指定します。

target :リンクされたリソースが開くコンテキストを指定します。

title :ユーザーにツールチップとして表示されるリンクのタイトルを定義します。

This is a dead link This is a live link to freeCodeCamp more with a href attribute

ページはめ込みアンカー

ページの特定の場所にアンカーを設定することもできます。これを行うには、最初に、次のように、タグと必要な属性「name」を含むページ上の場所に、キーワードの説明を含むタブを配置する必要があります。

タグ間の説明は必要ありません。その後、このアンカーにつながるリンクを同じページの任意の場所に配置できます。これを行うには、次のように、必要な属性「href」と記号#(シャープ)およびアンカーのキーワード説明を含むタグを使用する必要があります。

Go to Top

画像リンク

また、画像及び他のHTML要素に適用することができます。

hrefのいくつかの例

This gives a base url for all further urls on the page This is a live link to an external stylesheet

他に何ができますか?

さらにカスタマイズ!特定のユースケースを見てみましょう。

mailtoリンクは、追加の受信者、件名、本文を指定できる特別なパラメータを持つ一種のハイパーリンク()です。

受信者の基本的な構文は次のとおりです。

Some text

そのメールに件名を追加する:

そのメールに特定の件名を追加する場合は、件名にスペースがある%20か、+どこにでも追加するように注意してください。適切にフォーマットされていることを確認する簡単な方法は、URLデコーダー/エンコーダーを使用することです。

本文の追加:

同様に、電子メールの本文部分に特定のメッセージを追加できます。ここでも、スペースは%20またはで置き換える必要があり+ます。サブジェクトパラメータの後、追加のパラメータの前に&

例:Free CodeCampでの進捗状況についてユーザーに友達にメールを送信してもらいたいとします。

住所:空

件名:すばらしいニュース

本文:私は開発者になります

今すぐあなたのhtmlリンク:

Send mail!

ここでは、mailtoを空のままにしました(mailto:?)。これにより、ユーザーの電子メールクライアントが開き、ユーザーは自分で受信者アドレスを追加します。

受信者の追加:

同様に、CCおよびbccパラメーターを追加できます。各アドレスはコンマで区切ります!

追加のパラメーターの前には&。を付ける必要があります。

Send mail!

詳しくは:

MDN-電子メールリンク