この属性は、リンクによって提供される宛先を参照します。
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-電子メールリンク