a

1. 基本情報

説明 ハイパーリンクの目印になる
語源 Anchor
所属モジュール Hypertext
所属コンテントセット Inline, InlineFormattable
内容 PCDATA, Inline-a
内容の書式 ( PCDATA | Inline-a )*
関連項目 なし
公式な実装 DTD

2. 属性

2-1. 一般属性

属性 属性値の型 説明
Common [属性コレクション]

XHTMLの要素が大抵持っている、一般的な属性を集めたコレクションです。

2-2. 固有属性

属性 属性値の型 説明
href URI (CDATA)

リンクするリソースのURIを指定します。

type ContentType (CDATA)

リンクするリソースのコンテントタイプを指定します。

charset Charset (CDATA)

リンクするリソースの文字エンコーディングを指定します。

hreflang LanguageCode (NMTOKEN)

リンクするリソースの言語を指定します。

rel LinkTypes (NMTOKENS)

この文書から見た「リンクするリソースは何であるか」を指定します。

rev LinkTypes (NMTOKENS)

リンクするリソースから見た「この文書は何であるか」を指定します。

shape Shape [選択]

クライアントサイドイメージマップを使用する時、領域の形状を指定します。

  • rect - 四角形を指定します。
  • circle - 円形を指定します。
  • poly - 多角形を指定します。
  • default - 画像全体を指定します。
coords Coords (CDATA)

shape属性で指定した領域の頂点座標を指定します。

onfocus Script (CDATA)

フォーカスを得た時に実行するスクリプトを記述します。

onblur Script (CDATA)

フォーカスを失った時に実行するスクリプトを記述します。

accesskey Character (CDATA)

キーボードショートカットを指定します。対応するユーザーエージェントでは、Alt + accesskey などでそのリンクへ瞬時に移動できます。

tabindex Number (CDATA)

タブインデックスを指定します。通常、Tabが押されるとユーザーエージェントはリンクを最初から順番に辿っていきますが、この属性で明示的に指定する事ができます。

3. 解説

3-1. 概要

a要素は、ハイパーリンクの目印になります。ハイパーリンクが存在する事は、HTML文書がHypertextたる所以であり、この要素はHTML(無論、XHTMLでも)の要素の中で最も有用な要素です

他のリソースへリンクを張るほかに、旧式のやり方では文書の中の目印にもなります。また、クライアントサイドイメージマップの領域を定義するのにも使えます。

3-2. 他のリソースへリンクを張る

a要素を記述した文書から、他のリソースへリンクを張る事ができます。基本的には、href属性を使ってリンク先のリソースを指定し、内容としてラベルを持ちます。

[プログラムコード開始]

<a href="http://www.w3.org/">World Wide Web Consortium</a>

[プログラムコード終了]

ラベルは、リンク先のリソースを正確に想起させるものである事が望ましいです。よって、同じラベルなのに違うリンク先を指していたり、違うリンク先を想起させるラベルなのに同じリンク先を指したりする事は良くないですし、「ここ」「ここをクリック」「Click Here!」などのラベルは不適切です。同じリンク先を想起させるものであれば多少文句は違っていても構いません。

必要に応じて、type属性や、charset属性hreflang属性rel属性、それにrev属性などを使ってもいいでしょう。ただ、a要素で張るリンクに全部やるには少々面倒くさいです。

[プログラムコード開始]

<a href="http://www.example.com/index.html.de" type="application/xhtml+xml" charset="UTF-8" hreflang="de" rel="alternate">Inhaltsverzeichnis</a>

[プログラムコード終了]

#を使って、後述する「しおり」を目掛けてリンクする事もできます。即ち、しおりの位置までブラウザが自動でスクロールしてくれます。長大な文書で特に効果を発揮します。

[プログラムコード開始]

(絶対URIで) - <a href="http://www.example.com/example.html#copyright">著作権について</a>
(相対参照で) - <a href="./example.html#copyright">著作権について</a>
(同一文書内から) - <a href="#copyright">著作権について</a>

[プログラムコード終了]

#に続く しおりの名前 の部分を断片識別子 (Fragment Identifier)と呼ぶそうですが、少なくとも日本ではこの呼び名は普及していません。

3-3. 文書中のしおりになる

旧式の方法ですが、a要素をしおり(ブックマーク)として利用する事ができます。しおりは、文書中の重要な部分に印をつけて、リンクなどで瞬時にアクセスできるようにする為のものです。

しおりには、文書中で唯一無二の名前をつけてやらねばなりません。昔はname属性がa要素にもありましたが、今はid属性を使います。

[プログラムコード開始]

<h2><a id="copyright">著作権について</a></h2>

[プログラムコード終了]

しかし、先程も言いましたが、このやり方も少々古いです。今では、殆どのユーザーエージェントが全ての要素のid属性をしおりとして認識します。

[プログラムコード開始]

<h2 id="copyright">著作権について</h2>
<td id="LinkTypes">LinkTypes</td>
<dt id="UTF-16">UTF-16</dt>

[プログラムコード終了]

3-4. クライアントサイドイメージマップの領域定義

area要素を使うより高いアクセシビリティを持つクライアントサイドイメージマップを作る場合、map要素孫として、a要素をhref属性shape属性coords属性などと共に使います。詳しくはmap要素を参照して下さい。

3-5. 使用例

解説を参照して下さい。

[a]
Published : 2006-03-26T09:00:00+09:00
Last Modified : 2006-09-28T09:00:00+09:00
Table of Contents : 要素目次
Index : 要素索引
Verified with : Valid XHTML 1.1
Copyright © 2006  E+X.