例
使用shapeとcoords属性に<a>イメージマップを作成するには、要素:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
»それを自分で試してみてください 定義と使用法
<a> shape属性はHTML5でサポートされていません。
shapeと属性が一緒に使用されているcoords 、リンクの大きさ、形状、および配置を指定する属性<object>または<img>要素。
ヒント:使用して、すべてのブラウザで動作する画像マップを作成するには<area>要素を!
ブラウザのサポート
属性 | |||||
---|---|---|---|---|---|
shape | サポートされていません | サポートされていません | はい | サポートされていません | はい |
構文
<a shape="value">
属性値
値 | 説明 |
---|---|
default | 領域全体を指定します |
rect | 矩形領域を定義します |
circle | 円形領域を定義します |
poly | 多角形領域を定義します |