Beispiel
Die Verwendung der shape und coords - Attribut in einem <a> Element, ein Bild-Karte zu erstellen:
<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">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
Versuch es selber " Definition und Verwendung
Die <a> coords - Attribut wird nicht in HTML5 unterstützt.
Die coords - Attribut wird zusammen mit der verwendeten shape Attribut die Größe angeben, Form und Platzierung eines Links in einem <object> oder <img> Element.
Die Koordinaten der linken oberen Ecke sind 0,0.
Tipp: Um Bild-Karten zu erstellen , die in allen Browsern funktioniert, verwenden Sie das <area> Element!
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| coords | Nicht unterstützt | Nicht unterstützt | ja | Nicht unterstützt | ja |
Syntax
<a coords="value">
Werte Attribut
| Wert | Beschreibung |
|---|---|
| x1,y1,x2,y2 | Wenn die shape - Attribut gesetzt ist "rect" , gibt er die Koordinaten der linken oberen Ecke und der rechten unteren Ecke des Rechtecks |
| x,y,radius | Wenn die shape - Attribut gesetzt ist "circle" , gibt er die Koordinaten des Kreismittel und dem Radius |
| x1,y1,x2,y2,..,xn,yn | Wenn die shape - Attribut gesetzt ist "poly" , gibt es die Koordinaten der Kanten des Polygons. Wenn die ersten und letzten Koordinatenpaare nicht gleich sind, muss der Browser die letzte Koordinate hinzufügen Paar das Polygon zu schließen |