HTML <a> coords 屬性
HTML <a> 標(biāo)簽實(shí)例
以下實(shí)例在 <a> 元素中使用 shape 和 coords 屬性來(lái)創(chuàng)建圖像地圖：
<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">太陽(yáng)</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">水星</a>
<a href="venus.htm" shape="circle" coords="124,58,8">金星</a>
</map>
</object>
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">太陽(yáng)</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">水星</a>
<a href="venus.htm" shape="circle" coords="124,58,8">金星</a>
</map>
</object>
嘗試一下 ?
瀏覽器支持
目前只有Firefox 和 Opera瀏覽器支持coords 屬性。
定義和用法
HTML5 已不再支持 <a> 標(biāo)簽的 coords 屬性。
coords 屬性通常與 shape 屬性一起使用，兩個(gè)屬性可以規(guī)定 <object>或 <img> 元素中鏈接的尺寸、形狀和位置。
左上角的坐標(biāo)是 0,0。
提示：如需創(chuàng)建能夠在所有瀏覽器中運(yùn)行的圖像映射，請(qǐng)使用 <area> 元素。
語(yǔ)法
<a coords="value">
屬性值
| 值 | 描述 |
|---|---|
| x1,y1,x2,y2 | 如果 shape 屬性設(shè)置為 "rect"，則該值規(guī)定矩形左上角和右下角的坐標(biāo)。 |
| x,y,radius | 如果 shape 屬性設(shè)置為 "circ"，則該值規(guī)定圓心的坐標(biāo)和半徑。 |
| x1,y1,x2,y2,..,xn,yn | 如果 shape 屬性設(shè)置為 "poly"，則該值規(guī)定多邊形各邊的坐標(biāo)。如果第一個(gè)坐標(biāo)和最后一個(gè)坐標(biāo)不一致，那么為了關(guān)閉多邊形，瀏覽器必須添加最后一對(duì)坐標(biāo)。 |
更多建議：