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

HTML タグ一覧

HTML: <area> href 属性

href属性が指定されている場合、そのエリアは超リンクです。HTMLでは、href属性が存在しない場合、<area>タグは超リンクではありません。5 中、<area> タグはもはや href 属性を使用せず、プレースホルダーを使用してリンクを指定します。

　HTML <area> タグ

オンラインサンプル

クリック可能なエリアを持つ画像マッピング：

例

!DOCTYPE html>
<html>
<title>HTML:<area> href 属性　-　基本教程網　oldtoolbag.com</title>
<body>
<p>太陽またはその惑星をクリックして近距离で観察します</p>
<img src="planets.gif" width="145"height="126"alt="惑星" usemap="#planetmap">
　　<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126"href="sun.html" alt="太陽">
　　<area shape="circle" coords="90,58,3"href="mercur.html" alt="水星">
　　<area shape="circle" coords="124,58,8"href="venus.html" alt="金星">
　　</map>　　
</body>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが href 属性をサポートしています。

定義と用法

href 属性は、エリア内のリンクのターゲットを指定します。

href 属性を使用していない場合、<area> タグはリンクではありません。

HTML 4.01 HTML5の違い

HTMLにおいて5 中、<area> タグはもはや href 属性を使用せず、プレースホルダーを使用してリンクを指定します。

文法

<area href="URL">

属性値

値	説明
URL	リンクの URL。可能な値：絶対 URL - 別のサイトにリンク（例えば href="http://www.example.com/sun.htm"）相対 URL - サイト内のファイルにリンク（href="sun.htm"）アンカー URL - ページ内のアンカー（href="#sun"）にリンク

　HTML <area> タグ

HTML: <template> タグ