編程教程HTML area coords 屬性
HTML <area>coords屬性
HTML <area> 標(biāo)簽
實(shí)例
帶有可點(diǎn)擊區(qū)域的圖像映射：
<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.gif">
<area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif">
<area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
</map>
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.gif">
<area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif">
<area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
</map>
瀏覽器支持
所有主流瀏覽器都支持 coords 屬性。
定義和用法
coords 屬性規(guī)定區(qū)域的 x 和 y 坐標(biāo)。
coords 屬性與 shape 屬性配合使用，來規(guī)定區(qū)域的尺寸、形狀和位置。
提示：圖像左上角的坐標(biāo)是 "0,0"。
HTML 4.01 與 HTML5之間的差異
無
語法
<area 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)。 |
HTML <area> 標(biāo)簽