a要素 > shape coords属性

HTML4.0仕様書によるマッピング

H4- N6-

HTML4.0から定義されたa要素のshape属性およびcoords属性、object要素とinput要素のusemap属性を使用した際に記述されるであろうマーク付けは以下のようなものになります。Netscapeは対応していますが、IEでは対応していません。

#記号を頭につけたusemap属性の値と、map要素のname属性の値を関連付けます。

object要素によるイメージマップ

H4- N6-


<div>

<object data="map1.gif" usemap="#m1" type="image/gif" width="240" height="80">

<map name="m1">

  <p>

    <a href="anchor1.htm" shape="rect" coords="10,10,70,70">四角</a> |

    <a href="anchor2.htm" shape="circle" coords="120,40,30">円形</a> |

    <a href="anchor3.htm" shape="poly" coords="196,9,171,31,179,66,213,70,227,33">五角形</a>

  </p>

</map>

</object>

</div>

input要素によるイメージマップ

H4- N2-


<div>

<input type="image" src="map1.gif" usemap="#m2">

<map name="m2">

  <p>

    <a href="anchor1.htm" shape="rect" coords="10,10,70,70">四角</a> |

    <a href="anchor2.htm" shape="circle" coords="120,40,30">円形</a> |

    <a href="anchor3.htm" shape="poly" coords="196,9,171,31,179,66,213,70,227,33">五角形</a>

  </p>

</map>

</div>