<a>要素

<a>要素の定義

英語で「錨（いかり）」を表す、”anchor”より。Webページに他のページへのリンクを埋め込む際に使用する要素です。
最近はこの用途で使うことは少なくなっているようですが、ページ内or他のページからのリンクをページ内の特定の箇所に設定する場合にも使用されます。
ページ同士が「リンク」しているさまを、船が錨を下ろす様子に例えて、”anchor”という言葉が使われたようです。

子要素として使用できるもの

フローコンテンツ、または記述コンテンツを含むもの。テキストデータ。
ただし、<a>要素や、フォーム関連の要素、<iframe> 要素や、usemap属性を含む、<img> 要素など、他のページへのリンクや、ユーザーに操作させるための要素（インタラクティブコンテンツと呼ばれるもの）は使用できません。

親要素として使えるもの

• 記述コンテンツを受け入れるすべての要素。
• フローコンテンツを受け入れるすべての要素。

許可されているARIAロール

button, checkbox, menuitem, menuitemcheckbox, menuitemradio, option, radio, switch, tab, treeitem

DOMインターフェース

HTMLAnchorElement

属性

グローバル属性が指定できます。

download

URLへのリンクではなく、明示的にファイルをダウンロードさせたいときに使用できます。

href

ハイパーリンクの指す先をURLやURLフラグメントで指定できます。URLには、Webページに限定されず、mailto: などのリンクも使用可能です。
URLフラグメントは #（ハッシュ記号）で始まるキーワードで、主に同じ文書内でのリンク先の id属性 の値を指定します。
なお、href=”#” または href=”#top” と記述することで、現在のページの最上部へのリンクとして使用できます。

hreflang

リンク先の言語を示します。（英語や日本語など）ただし、ブラウザ側でなにか特別な動作を行うわけではないようです。

ping

ハイパーリンクをたどるときに、本体のPINGのPOSTリクエストが、ブラウザーによって送信される、スペースで区切られた URL のリストを含みます。通常、トラッキングに使用されます。

rel

対象オブジェクトとリンクオブジェクトとの関係を指定します。属性値は、空白で区切られたリンク種別の値のリストです。
リンク種別の詳細はこちら

target

リンク先の URL を表示する場所を指定します。これは、閲覧コンテキスト（タブ、ウィンドウ、<iframe> ）の名前またはキーワードです。以下のキーワードは特別な意味を持ちます。
閲覧コンテキストの詳細はこちら

type

リンク先のURLのMIMEタイプを指定しますが、あくまでも助言的なものなので、ブラウザ側でなにか特別な動作を行うわけではないようです。

サンプル

ページ内リンク

この<a href="#">リンク</a>をクリックすると、ページの最上部に戻ります。

このリンクをクリックすると、ページの最上部に戻ります。

外部サイトリンク

この<a href="https://developer.mozilla.org/ja/" target="_blank">リンク</a>をクリックすると、別画面でMDNのサイトを表示します。

このリンクをクリックすると、別画面でMDNのサイトを表示します。

メールリンク

この<a href="mailto:dummy@k-labo.work">リンク</a>をクリックすると、メールソフトが起動します。（環境によっては、起動しない場合もあります。）

このリンクをクリックすると、メールソフトが起動します。（環境によっては、起動しない場合もあります。）
なお、メールアドレスはダミーです。