area 要素

概要

HTML <area> 要素は画像のホットスポット領域の定義、また任意で領域とハイパーテキストリンクの関連づけを行います。この要素は <map> 要素内だけで使用します。

属性

この要素はグローバル属性を持ちます。

accesskey HTML 4 のみ、廃止 Gecko 5.0
要素のキーボードナビゲーションアクセラレータを指定します。ALT または同様のキーと指定した文字のキーを併せて押下すると、キーシーケンスに関係があるホットスポットを選択します。ページデザイナーは、すでにブラウザに割り当てられているキーシーケンスを避けるよう注意されます。この属性は HTML5 からグローバル属性になりました。
alt
画像を表示しないブラウザが代わりに表示するテキスト文字列です。テキストの内容は、代替テキストを表示しない場合に画像が提供する選択肢と同じものをユーザに与えるような表現にすべきです。HTML4 では、この属性は必須ですが空文字列 ("") でもかまいません。HTML5 では、この属性は href 属性を使用する場合にのみ必須です。
coords
ホットスポット領域の座標を指定する値のセットです。値の数と意味は shape 属性に指定した値に依存します。rect または長方形では、coords の値は x,y のペアが 2 つです: 左、上、右、下を指します。circle 形状の値は x,y,r であり、x,y は円の中心を指定するペア、r は半径の値です。poly または多角形の値は、多角形の各頂点の x,y のペアのセットです: x1,y1,x2,y2,x3,y3, などとなります。HTML4 での値はピクセル値、またはパーセント記号 (%) を付加した場合はパーセント値です。HTML5 での値は CSS ピクセル値です。
download HTML5
この属性がある場合は、作者はハイパーリンクをリソースのダウンロードに使用すると意図することを示します。download 属性の詳しい説明は <a> をご覧ください。
href
このエリアのハイパーリンク対象です。この値は、妥当な URL です。HTML4 では、この属性か nohref 属性を与えなければなりません。HTML5 では、この属性を省略できます。省略した場合、area 要素はハイパーリンクを提供しません。
hreflang HTML5
リンク先のリソースの言語を示します。許容される値は BCP47 で定めています。この属性は、href 属性を与える場合にのみ使用してください。
name HTML 4 のみ、廃止 Gecko 5.0
古いブラウザでスクリプトから使用できるようにするため、クリッカブルエリアに名前を定義します。
media HTML5
リンク先のリソースをどのメディア向けに設計しているかを示します。例えば print and screen です。省略した場合のデフォルト値は all です。この属性は、href 属性を与える場合にのみ使用してください。
nohref HTML 4 のみ、廃止 Gecko 5.0
関連づけたエリアはハイパーリンクがないことを示します。この属性か href 属性を指定しなければなりません。

使用上の注意: この属性は HTML5 で廃止されており、代わりに href 属性を省略すれば十分です。

rel HTML5
href 属性を含むアンカーで、この属性は、対象オブジェクトとリンクオブジェクトの関係を指定します。値は、関係値をカンマで区切ったリストです。関係値とそれらの意味は、ドキュメントの作者に意味づけを示す何らかの権威により登録されます。値が与えられない場合のデフォルトの関係は、空 (void) です。この属性は、href 属性を与える場合にのみ使用してください。
shape
関連づけたホットスポットの形状です。HTML5 および HTML4 の仕様では長方形の領域を定義する値 rect、円形の領域を定義する値 circle、多角形を定義する値 poly、定義済みの領域以外すべての領域を示す値 default を定めています。多くのブラウザ、特に Internet Explorer 4 以降では circpolygonrectangleshape の正しい値としてサポートします。これらの値は (非標準) です。
tabindex HTML 4 のみ、廃止 Gecko 5.0
ブラウザのタブオーダーにおける、定義したエリアの位置を示す数値です。この属性は HTML5 のグローバル属性です。
target
この属性は、リンク先のリソースをどこに表示するかを指定します。これは、HTML4 ではフレームの名前またはキーワードでした。HTML5 では、ブラウズ・コンテキスト の名前またはキーワードです (例えば、タブ、ウィンドウ、インラインフレームなど)。以下のキーワードは特別な意味を持ちます:
  • _self: 応答を現在の同じ HTML4 フレーム (または HTML5 のブラウズ・コンテキスト) に読み込みます。この値は、属性が指定されていない場合のデフォルト値です。
  • _blank: 応答を新しい名前の付けられていない HTML4 ウィンドウまたは HTML5 のブラウズ・コンテキストに読み込みます。
  • _parent: 応答を現在のフレームの HTML4 フレームセットの親要素または HTML5 の現在の親ブラウズ・コンテキストに読み込みます。親要素がない場合、このオプションは _self と同じ振る舞いをします。
  • _top: HTML4 では、応答をすべて元のウィンドウに読み込み、他のフレームをすべてキャンセルします。HTML5 では、応答をトップレベルのブラウズ・コンテキストに読み込みます (現在のブラウズ・コンテキストの祖先にあたり、それ以上親のない要素です)。親要素がない場合、このオプションは _self と同じ振る舞いをします。
この属性は、href 属性を与える場合にのみ使用してください。
type
この属性は、リンク対象の MIME タイプの形式を表すメディアタイプを指定します。一般的に、これは厳密なアドバイザリ情報として提供されます。しかし将来、ブラウザがマルチメディアタイプの小さなアイコンを追加するかもしれません。例えば、メディアタイプが audio/wav にセットされた場合にブラウザが小さなスピーカーのアイコンを追加するでしょう。理解される MIME タイプの一覧は、http://www.w3.org/TR/html4/references.html#ref-MIMETYPES を参照してください。この属性は、href 属性を与える場合にのみ使用してください。

<map name="primary">
  <area shape="circle" coords="200,250,25" href="another.htm" /> 
  <area shape="default" nohref />
</map>

仕様

仕様書 策定状況 コメント
WHATWG HTML Living Standard Living Standard  
HTML5 勧告候補  
HTML 4.01 Specification 勧告  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート (有) (有) (有) (有) (有)
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mini Opera Mobile Safari Mobile
基本サポート ? ? ? ? ? ?

注記

HTML 3.2、4.0、5 の仕様では、終了タグ </area> を禁止しています。

XHTML 1.0 仕様では、末尾のスラッシュが必要です: <area />

id 属性、class 属性、style 属性は HTML4 仕様で定義しているコア属性と同じ意味を持ちますが、Netscape と Microsoft だけがこれらを定義しています。

Netscape 1 レベルのブラウザは target 属性を理解しません。これはフレームに関係するためです。

HTML 3.2 では altcoordshrefnohrefshape のみ定義しています。

Document Tags and Contributors

Contributors to this page: yyss
最終更新者: yyss,