HTMLリファレンス
<a>タグの意味と使い方
リンクをはる、リンクの出発点・到達点を指定する
<a>タグはハイパーリンクを意味し、別のページやページ内の特定の位置へリンクさせるときに使います。
リンクしたい範囲を<a>〜</a>で囲い、href属性でリンク先のURLを指定します。
使用頻度
ほぼ必ずと言っていいほど使用します。
HTML4とHTML5での違い
HTML4では<a>タグはハイパーリンクかアンカーの意味でした。
HTML5では<a>タグはハイパーリンクであることはもちろん、ハイパーリンクのプレースホルダーにもなります。
属性
href
リンク先文書のURLまたはURLフラグメントを指定します。
URLはhttp以外のプロトコルにも適用でき、ftp:、mailto:、file:なども動作します。
URLフラグメントは「#」で始まるリンク先の一を指定します。リンク先の一は指定のidを持つ要素の位置です。
HTML5ではhref属性はプレースホルダーリンクを生成することができます。プレースホルダーリンクはクリックしてもどこにも移動しません。
一つのページが長い場合などに、同じページ内や他のページ内の特定の位置に名前をつけておいて、そこにジャンプすることができます。リンクの対象となる位置にid属性で名前をつけ、href属性でリンク先の名前に「#」記号をつけて指定します。
- 記述例
- <a href="URL">リンク先テキスト</a>
target
target属性はリンク先の開き方を指定します。
target属性を使用すると、リンク先を表示させるウィンドウ(タブ)を指定することができます。指定した名前のウィンドウがすでにある場合はそのウィンドウへ、ない場合は指定した名前の新しいウィンドウを開いて表示します。また、名前のない状態の新しいウィンドウを開くなどの指定も可能となるように、あらかじめ決められた特別な名前も用意されています。
| _blank | 別画面を開いてリンク |
|---|---|
| _parent | ひとつ上の親フレームにリンク |
| _self | リンク元と同じフレームにリンク |
| _top | フレームをすべて解除してリンク |
| フレーム名 | 指定した名前のフレームにリンク |
- 記述例
- <a href="URL" target="_blank">リンク先テキスト</a>
download
リンク先のリソースをダウンロードさせる目的のリンクであることを示します。
値を設定することでダウンロードさせる時のファイル名を指定できます。
- 記述例
- <a download="FILE">ダウンロード</a>
media
メディア、デバイスを指定します。
HTML5 の草案で検討されていましたが、最終案では削除されました
name
name属性はページ内のリンク先の場所の名前を付けるのに使用します。
HTML5ではname属性は廃止されid属性で名前を付けるようにします。
charset
リンク先の文字コードを指定します。
- 記述例
- <a href="URL" charset="Shift_JIS">リンク先テキスト</a>
hreflang
リンク先の言語を指定します
- 記述例
- <a href="URL" hreflang="ja">リンク先テキスト</a>
type
リンク先のMIMEタイプを指定します
- 記述例
- <a href="URL" type="text/html">リンク先テキスト</a>
rel
この文書から見たリンク先の文書との関係を記述します。
- 記述例
- <a href="URL" rel="next">リンク先テキスト</a>
- <a href="URL" rel="previous">リンク先テキスト</a>
- <a href="URL" rel="parent">リンク先テキスト</a>
rev
リンク先から見たこの文書との関係を記述します。
- 記述例
- <a href="URL" rev="next">リンク先テキスト</a>
- <a href="URL" rev="previous">リンク先テキスト</a>
- <a href="URL" rev="parent">リンク先テキスト</a>
shape
リンク領域の形状を示す
| rect | 四角形 |
|---|---|
| circle | 円形 |
| poly | 多角形 |
| default | 画像全体 |
coords
リンク領域の各座標を示す
| rectの場合 | 左上と右下の角の座標（x, y, x, y） |
|---|---|
| circleの場合 | 中心点の座標と半径（x, y, 半径） |
| polyの場合 | すべての角の座標（x, y, x, y ...） |
対応ブラウザ
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|
| a | ○ | 12 | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| charset | ○ | 12 | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| coords | × | × | 未対応 ? — 58 | × | × | × | × | × | 未対応 ? — 58 | × | × |
| download | 14 | 18 | 20 | × | 15 | 10.1 | ○ | 18 | 20 | ? | × |
| href | ○ | 12 | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| hreflang | ○ | 12 | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| name | ○ | 12 | 全対応 あり | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| ping | ○ | 79 | ○ | × | ○ | × | ○ | ○ | ○ | ? | × |
| referrerpolicy | 51 | 79 | 50 | × | 38 | 11.1 | 51 | 51 | 50 | 41 | × |
| rel | ○ | 12 | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| rev | ○ | 12 | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| shape | × | × | 未対応 ? — 58 | × | × | × | × | × | 未対応 ? — 58 | × | × |
| target | ○ | 12 | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| type | ○ | 12 | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |