HTML <a> coords 屬性
實例
以下實例在<a> 元素中使用shape 和coords 屬性來創建圖像地圖:
<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">太阳</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">太阳</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>標籤的coords屬性。
coords屬性通常與shape屬性一起使用,兩個屬性可以規定<object>或<img>元素中鏈接的尺寸、形狀和位置。
左上角的坐標是0,0。
提示:如需創建能夠在所有瀏覽器中運行的圖像映射,請使用<area>元素。
語法
<a coords="value">
屬性值
值 | 描述 |
---|---|
x1,y1,x2,y2 | 如果shape 屬性設置為"rect",則該值規定矩形左上角和右下角的坐標。 |
x,y,radius | 如果shape 屬性設置為"circ",則該值規定圓心的坐標和半徑。 |
x1,y1,x2,y2,..,xn,yn | 如果shape 屬性設置為"poly",則該值規定多邊形各邊的坐標。 如果第一個坐標和最後一個坐標不一致,那麼為了關閉多邊形,瀏覽器必須添加最後一對坐標。 |