coords 屬性指定圖像地圖區(qū)域的 x 和 y 坐標。coords 屬性與 shape 屬性配合使用，以指定區(qū)域的大小，形狀和位置。 提示： 圖像區(qū)域左上角的坐標為0,0
帶有可點擊區(qū)域的圖像映射：
<!DOCTYPE html> <html> <title>HTML:<area> coords 屬性 - 菜鳥教程 (cainiaoplus.com)</title> <body> <p>單擊太陽或其中一個行星以近距離觀察它</p> <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.html" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.html" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.html" alt="Venus"> </map> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 coords 屬性。
coords 屬性指定圖像地圖區(qū)域的 x 和 y 坐標。
coords 屬性與 shape 屬性配合使用，以指定區(qū)域的大小，形狀和位置。
提示： 圖像區(qū)域左上角的坐標為0,0。
沒有.
<area coords="value">
| 值 | 描述 |
|---|---|
| x1,y1,x2,y2 | 如果 shape 屬性設置為 "rect"，則該值規(guī)定矩形左上角和右下角的坐標。 |
| x,y,radius | 如果 shape 屬性設置為 "circ"，則該值規(guī)定圓心的坐標和半徑。 |
| x1,y1,x2,y2,..,xn,yn | 如果 shape 屬性設置為 "poly"，則該值規(guī)定多邊形各頂點的值。如果第一個坐標和最后一個坐標不一致，那么為了關(guān)閉多邊形，瀏覽器必須添加最后一對坐標。 |