目次に戻る

a要素：HTML Living Standard各要素別メモ

概要

カテゴリー
配置できる場所
内容モデル
属性
  • グローバル属性
  • href→リンク先のURL
  • download→指定された場合は、リンク先がダウンロードされるべきファイルであることを示す。属性値を指定した場合は、それはダウンロードされるファイルのデフォルトファイル名になる。
  • hreflang→リンク先のBCP47の言語コード。
  • ping→ピンの送信先のURL。半角スペース区切りで複数指定可。
  • referrerpolicy→値は下記のとおり。アクセス又はリソース読み込みのときのリファラーヘッダに関するポリシーを指定する。詳細は、Referrer Policyを参照。
    • no-referrer→リファラーヘッダを削除し、リファラー情報を送信しない。
    • no-referrer-when-downgrade→TLSで保護されたクライアントから信用に値し得ないURLへの送信の際は、リファラーヘッダを削除し、リファラー情報を送信しない。その他の場合は、リファラー情報を全部送信する。
    • same-origin→非同一オリジンからの要請に対しては、リファラーヘッダを削除し、リファラー情報を送信しない。同一オリジンからの要請に対しては、リファラー用に削った全部情報を送信する。
    • origin→ドメイン部分のみをリファラー情報として送信する（例：「https://example.com/example.html」からのアクセス→「https://example.com/」のみを送信）。
    • strict-origin→TLSで保護されたクライアントから信用に値し得ないURLへの送信の際は、リファラーヘッダを削除し、リファラー情報を送信しない。その他の場合は、ドメイン部分のみをリファラー情報として送信する。
    • origin-when-cross-origin→非同一オリジンからの要請に対しては、ドメイン部分のみをリファラー情報として送信する。同一オリジンからの要請に対しては、リファラー用に削った全部情報を送信する。
    • strict-origin-when-cross-origin→TLSで保護されたクライアントから信用に値し得ないURLへの送信の際は、リファラーヘッダを削除し、リファラー情報を送信しない。その他の場合で、非同一オリジンからの要請に対しては、ドメイン部分のみをリファラー情報として送信する。その他の場合で、同一オリジンからの要請に対しては、リファラー用に削った全部情報を送信する。
    • unsafe-url→リファラー用に削った全部情報を送信する。
  • rel→値は、rel属性値の表で「指定可」とされている値とその他。リンク先・リソースとの関係を示す。
  • target→値は下記のとおり。リンク先を開く場所を示す。
    • _blank→別ウィンドウ又は別タブ。
    • _top→入れ子の閲覧文脈の中で、当該要素が現在属している閲覧文脈の最上位の祖先の閲覧文脈。
    • _parent→入れ子の閲覧文脈の中で、当該要素が現在属している閲覧文脈の親の閲覧文脈。
    • _self→当該要素が現在属している閲覧文脈。
    • その他妥当な閲覧文脈名→「_」（アンダースコア）で始まらない一文字以上の文字列。当該要素が現在属している入れ子の閲覧文脈の中又は当該要素が属していない既に開いている別ウィンドウ（もしくは別タブ）に該当する閲覧文脈名のものがあれば、そこに開く。それがなければ、当該閲覧文脈名にて別ウィンドウ又は別タブを開く。
  • type→リンク先のMIME type
  • href属性がない場合は、download、hreflang、ping、referrerpolicy、rel、target、typeの各属性は省略しなければならない。
  • itemprop属性がある場合は、href属性は必須。
HTML構文におけるタグの省略
  • 省略不可。
WAI-ARIA
  • href属性が指定されている場合は、
    • デフォルトroleは、link。デフォルトroleをrole属性値に指定することは、推奨されない。
    • デフォルトrole以外では、button、checkbox、menuitem、menuitemcheckbox、menuitemradio、option、radio、switch、tab、treeitemを指定可。
    • aria-disabled属性を指定することは、推奨されない。
  • そうでない場合は、
    • デフォルトroleは、generic。デフォルトroleをrole属性値に指定することは、推奨されない。
    • デフォルトrole以外では、すべてのroleが指定可能。
視覚系ブラウザのデフォルトとして期待されるCSS

  :link {
    color: #0000EE;
    text-decoration: underline;
    cursor: pointer;
  }

  :visited {
    color: #551A8B;
    text-decoration: underline;
    cursor: pointer;
  }

  :link:active,
  :visited:active {
    color: #FF0000;
  }
準拠チェッカーに対する規定
  • a要素に廃止されたname属性が指定されていても、その属性値が空でない限り、エラーとはせずに警告にとどめることが許容される。
ユーザーエージェントに対する特記事項
  • hreflang属性値及びtype属性値を信頼できる値だとみなしてはならない。
  • ダウンロードしたファイルのファイル名を設定する際には、download属性値は、Content-Disposition HTTPヘッダのファイル名パラメータで上書きできる。
  • href属性値が#topで参照先が見つからない場合、あるいは、#の場合は、当該HTML文書の先頭に移動する。
  • ping属性については、ユーザーの設定に従って、これを完全に又は選択的に無視してもよい。
  • ping属性がある場合は、ハイパーリンクをたどることで、ピンの送信が背後で行われることを明示すべきである。
  • download属性がある場合は、当該ファイルを保存する方法を提供すべきである。
意味・用法

href属性を持つ場合は、当該a要素の内容テキスト等によってラベル付けされたハイパーリンクを表す。

href属性を持たない場合は、別の方法によってリンクが置かれるかもしれないプレースホルダーを表す。

アクセシビリティ関連

私見・補足

リンク予定のプレースホルダーの「別の方法」→おそらくスクリプトによる方法を主として想定しているのだろうが、単にHTML文書作成者が後でリンクに書き直す予定というのでもかまわない。

リンク予定のプレースホルダーの場合は基本的に属性は書けないわけだが、予定している属性・属性値を記述できてもいいのになぁとは思う。

表示確認

ソース１

  <a href="0mokuji.html">目次に戻る</a>
表示結果１
目次に戻る
ソース２：download属性付き

  <a href="0mokuji.html" download="目次.html">目次ページをダウンロード</a>
表示結果２
目次ページをダウンロード