HTML 參考手冊

HTML 標(biāo)簽大全

HTML: <a> coords 屬性

在線示例

在<a>元素中使用shape和coords屬性來創(chuàng)建圖像映射：

示例

<!doctype html>
<html>
<head>
<title>html: <a> coords屬性的使用 - 菜鳥教程(cainiaoplus.com)</title>
</head>
<body>
<p>點(diǎn)擊圖片中的太陽或附近的行星:</p>
<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
 <map name="Map1">
   <a href="sun.html" shape="rect" coords="0,0,82,126">太陽</a>
   <a href="mercur.html"shape="circle" coords="90,58,3">水星</a>
   <a href="venus.html" shape="circle" coords="124,58,8">金星</a>
 </map>
</object>
<p><b>注意:</b> 目前只有 Firefox 和 Opera 瀏覽器支持 coords 屬性。</p>
</body>
</html>

測試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

目前只有Firefox 和 Opera瀏覽器支持coords 屬性。

定義和用法

HTML5不支持<a> coords屬性。

coords 屬性通常與 shape 屬性一起使用，通過兩個屬性可以規(guī)定 <object>或 <img> 元素中鏈接的尺寸、形狀和位置。

左上角的坐標(biāo)是 0,0。

提示：如要創(chuàng)建可在所有瀏覽器中使用的圖像映射，請使用 <area> 元素。

語法

<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)。如果第一個坐標(biāo)和最后一個坐標(biāo)不一致，那么為了關(guān)閉多邊形，瀏覽器必須添加最后一對坐標(biāo)。

HTML <a> 標(biāo)簽

HTML: <template> 標(biāo)簽