<a href=""></a>
更新日 | |
---|---|
仕様 | HTML Living Standard |
分類 | フロー・コンテンツ / フレージング・コンテンツ / インタラクティブ・コンテンツ(href属性がある場合に限る) / パルパブル・コンテンツ |
利用場所 | フレージング・コンテンツが置ける場所 |
内容 | トランスペアレント(親要素のコンテンツモデルを継承) ただし、インタラクティブ・コンテンツ、a要素、およびtabindex属性が指定された要素は含められない |
a要素は、ハイパーリンクを表します。(またはプレースホルダを表します)
- デフォルトスタイル(下線)
<a href="example.html">リンクテキスト</a>
属性 | 値 | ||
---|---|---|---|
任意属性 | |||
href="" |
リンク先の指定 | URL | リンク先のURL |
hreflang="" |
リンク先の記述言語 | 言語コード | ja 、en 、zh 、等 |
type="" |
リンク先のMIMEタイプ | MIMEタイプ | |
rel="" |
現在の文書から見たリンク先の関係 | リンクタイプ | 半角スペース区切りで複数指定可能 |
target="" |
リンク先の表示方法 | _blank |
新規のブラウジング・コンテキストに表示 |
_self |
現在のブラウジング・コンテキストに表示 | ||
_parent |
親のブラウジング・コンテキストに表示 | ||
_top |
最上位のブラウジング・コンテキストに表示 | ||
ブラウジング・コンテキスト名 | 任意のブラウジング・コンテキストに表示 | ||
download="" |
ダウンロード用のリンクを指定 | ファイル名 | ダウンロード時のファイル名を指定(値は省略可能) |
referrerpolicy="" |
リンクのリファラーポリシー | リファラーポリシー | 既定値は strict-origin-when-cross-origin |
ping="" |
pingの送信先 | URL | 半角スペース区切りで複数指定可能 |
廃止属性(HTML Living Standardでは未定義) | |||
name="" |
到達点にするための名前 | 文字列 | 固有の識別名 |
rev="" |
リンク先から見た現在の文書の関係 | リンクタイプ | 半角スペース区切りで複数指定可能 |
- href属性を指定しない場合は、その他の任意属性(hreflang属性、type属性、rel属性、target属性、download属性、ping属性、referrerpolicy属性)も指定できません。
- a要素にitemprop属性(グローバル属性)が指定されている場合は、href属性も指定する必要があります。
各属性の詳細については、下記のページを参考にしてください。
リンクの設定方法
リンクを設定したい場合は、リンク先のURLをhref属性で指定します。
<p><a href="example.html">リンクテキスト</a></p>
a要素の内容について
HTML5以降、a要素の内容に(従来で言う)ブロックレベル要素も配置できるようになりました。そのため、次のように段落ごとリンクを設定することが可能です。
<section>
<a href="example.html">
<p>段落のテキスト。</p>
<p>段落のテキスト。</p>
</a>
</section>
ただし、この要素は親要素のコンテンツ・モデルを継承するため、親要素の種類によっては段落などを配置できない場合もあります。例えば、次の例では文法違反となります。(p要素内にはフレージング・コンテンツしか配置できないため)
<p>
<a href="example.html">
<p>段落のテキスト。</p>
<p>段落のテキスト。</p>
</a>
</p>
プレースホルダについて
href属性が指定されていないa要素は、プレースホルダ(場所取り)を表すことになります。詳しくは下記のページを参考にしてください。
要素のデフォルトスタイル
一般的なブラウザでは、この要素内のテキストは下線付きで表示されます。(href属性が指定されている場合)
- 旧HTMLからの変更点
-
- HTML5:要素の定義に、href属性のないa要素はプレースホルダを表すが追加されました。
- HTML5:(従来で言う)ブロックレベル要素を含められるようになりました。
- HTML5:charset属性、rev属性、shape属性、coords属性、name属性が廃止され、download属性が追加されました。
- HTML5.1:rev属性が復活しました。
- HTML5.1:href属性を持たないa要素は、インタラクティブ・コンテンツとしては扱われなくなりました。
- HTML5.2:referrerpolicy属性が追加されました。
- HTML LS:rev属性が再度廃止され、ping属性が追加されました。