HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <area>タグ

HTML <area>タグは、イメージマッピング内のクリック可能なエリア（またはホットエリア）を定義します。このタグは<map>タグ内に配置する必要があります。このタグは通常<area>要素とも呼ばれます。

オンラインサンプル

带有可クリックエリアのイメージマッピング：

例

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>基础教程網(oldtoolbag.com)</title>　
</head>
<body>
<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.html">
　　<area　shape="circle"　coords="90,58,3"　alt="Mercury"　href="mercur.html">
　　<area　shape="circle"　coords="124,58,8"　alt="Venus"　href="venus.html">
</map>
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが<area>タグをサポートしています。

タグの定義及び使用方法

<area>タグは、画像マッピング内の領域（画像マッピングは、クリック可能な領域を持つ画像を指します）を定義します。

<area>要素は常に<map>タグ内にネストされています。

HTML <area>要素は<body>タグ内に位置しており、<map>タグ内に位置する必要があります。

注記： <img> タグ内のusemap属性と <map> 要素内のname属性と関連付けられており、画像とマッピングの関係を構築します。

HTML 4.01 HTMLと5の違い

HTML5 新しい属性を提供し、HTMLをサポートしなくなりました。 4.01 中の一部の属性

HTMLとXHTMLの違い

HTMLでは、<area>タグには終了タグがありません。

XHTMLでは、<area>タグは正しく閉じる必要があります。

属性

New　：HTML5 に新しい属性があります。

属性	値	説明
alt	text	領域の代替テキストを指定。href属性を使用する場合、この属性は必須です。
coords	coordinates	領域の座標を指定
href	URL	領域のターゲットURLを指定
downloadHTML5	filename	ユーザーがリンクをクリックすると、指定されたターゲットファイルがダウンロードされます。
hreflangHTML5	language_code	ターゲットURLの言語を指定
mediaHTML5	media query	ターゲットURLがどのメディアであるかを指定/デバイスの最適化。デフォルト：all。
nohref	value	HTML5 サポートしていません。関連リンクのない領域を指定
relHTML5	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をどこで開くかを指定
typeHTML5	MIME_type	ターゲットURLのMIMEタイプを指定注：MIME = Multipurpose Internet Mail Extensions。

グローバル属性

<area> タグがサポート HTMLのグローバル属性。

イベント属性

<area> タグがサポート HTMLのイベント属性。

HTML DOM リファレンスマニュアル： Area オブジェクト

HTML: <article>タグ HTML: <applet>タグ