HTML <area>タグ
例
クリック可能な領域を持つイメージマップ：
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
試してみる »
ブラウザサポート
すべての主要ブラウザは <area> タグをサポートしています。
タグの定義と使用説明
<area> タグは、イメージマップ内の領域を定義します（イメージマップとは、クリック可能な領域を持つ画像のことです）。
<area> 要素は常に <map> タグの内側にネストされます。
注記： <img>タグ内の usemap 属性と<map>要素内の name が関連付けられます
HTML 4.01 と HTML5 の違い
HTML5 ではいくつかの新しい属性が提供され、同時に HTML 4.01 の一部の属性はサポートされなくなりました。
HTML と XHTML の違い
HTML では、<area> タグに終了タグはありません。
XHTML では、<area> タグは正しく閉じる必要があります。
属性
New：HTML5 の新属性。
| 属性 | 値 | 説明 |
|---|---|---|
| alt | text | 領域の代替テキストを指定します。href 属性を使用する場合、この属性は必須です。 |
| coords | coordinates | 領域の座標を指定します。 |
| href | URL | 領域のターゲット URL を指定します。 |
| hreflangNew | language_code | ターゲット URL の言語を指定します。 |
| mediaNew | media query | ターゲット URL がどのメディア/デバイス向けに最適化されているかを指定します。デフォルト：all。 |
| nohref | value | HTML5 ではサポートされません。関連リンクがない領域を指定します。 |
| relNew | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
現在のドキュメントとターゲット URL との関係を指定します。 |
| shape |
default rect circle poly |
領域の形状を指定します。 |
| target | _blank _parent _self _top framename |
ターゲット URL をどこで開くかを指定します。 |
| typeNew | MIME_type | ターゲット URL の MIME タイプを指定します。 注：MIME = Multipurpose Internet Mail Extensions。 |
グローバル属性
<area> タグがサポートするものHTML のグローバル属性。
イベント属性
<area> タグがサポートするものHTML のイベント属性。
関連記事
HTML DOM リファレンス：Area オブジェクト
その他の拡張