Online-Tools

Referenzhandbuch

: <progress>-Tag

HTML: <a> coords-Eigenschaft

Online-Beispiel

Verwenden Sie die shape- und coords-Attribute im <a>-Element, um ein Bildmappen zu erstellen:

Beispiel
!doctype html>
<html>
<head>　-　<title>html:　<a>　coords-Eigenschaft3codebox.com)</title>
</head>
<body>
<p>Klicken Sie auf die Sonne oder die nahegelegenen Planeten im Bild:</p>
<object data="planets.gif" alt="Planeten" type="image/gif" usemap="#Map1">
　<map name="Map1">
　　　<a href="sun.html" shape="rect" coords="0,0,"82,126">Sonnen/a>
　　　<a href="mercur.html" shape="circle" coords="90,58,3">Merkur</a>
　　　<a href="venus.html" shape="circle" coords="124,58,8">Mars</a>
　</map>
</object>
<p><b>Hinweis:</b>Derzeit unterstützen nur der Firefox- und Opera-Browser die coords-Eigenschaft.</p>
</body>
</html>

Testen Sie heraus ‹/›

Browser-Kompatibilität

IEFirefoxOperaChromeSafari

Currently only Firefox and Opera browsers support the coords attribute.

Definition and Usage

HTML5The <a> coords attribute is not supported.

The coords attribute is usually used with shape The attributes can be used together to specify the size, shape, and position of the linked dimensions in the <object> or <img> elements.

The coordinates of the top left corner are 0,0.

Tip:To create an image map that is usable in all browsers, use <area> 　Element.

Syntax

<a coords="value">

Attribute Value

Value	Description
x1,y1,x2,y2	If the shape attribute is set to "rect", this value specifies the coordinates of the top left corner and the bottom right corner of the rectangle.
x,y,radius	If the shape attribute is set to "circ", this value specifies the coordinates of the center and the radius of the circle.
x1,y1,x2,y2,..,xn,yn	If the shape attribute is set to "poly", this value specifies the coordinates of the sides of the polygon. If the first coordinate and the last coordinate are not the same, then to close the polygon, the browser must add the last pair of coordinates.

HTML <a> Tag

HTML: <template> Tag