coords HTML attribuut
2 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het coords attribuut?
Geeft, samen met shape, de coördinaten op van een klikbaar gebied binnen een image map. Wordt gebruikt op <area> binnen <map>; op <a> is coords een verouderd overblijfsel uit vroege image map-implementaties.
<map name="plattegrond">
<area shape="rect" coords="0,0,100,50" href="/sectie-a" alt="Sectie A">
</map>Welke HTML-elementen kennen coords?
<a>
Verouderd
Het <a>-HTML-element (of anker-element), maakt met zijn href-attribuut een hyperlink naar webpagina's, bestanden, e-mailadressen, locaties o...
shape-attribuut. Een door komma's gescheiden lijst met coördinaten.
<area>
Het <area>-HTML-element definieert een gebied binnen een image map dat vooraf gedefinieerde klikbare zones heeft. Een image map maakt het mo...
Het coords-attribuut geeft de coördinaten aan van het shape-attribuut, wat betreft grootte, vorm en plaatsing van een <area>.
Dit attribuut mag niet worden gebruikt als shape is ingesteld op default.
rect: de waarde isx1,y1,x2,y2. De waarde specificeert de coördinaten van de linkerbovenhoek en rechterbenedenhoek van de rechthoek. Bijvoorbeeld, in<area shape="rect" coords="0,0,253,27" href="#" target="_blank" alt="Voorbeeld">zijn de coördinaten0,0en253,27, wat respectievelijk de linkerboven- en rechterbenedenhoek van de rechthoek aangeeft.circle: de waarde isx,y,radius. De waarde specificeert de coördinaten van het middelpunt van de cirkel en de straal. Bijvoorbeeld:<area shape="circle" coords="130,136,60" href="#" target="_blank" alt="Voorbeeldlogo">poly: de waarde isx1,y1,x2,y2,..,xn,yn. De waarde specificeert de coördinaten van de hoekpunten van de veelhoek. Als het eerste en laatste coördinatenpaar niet gelijk zijn, voegt de browser het laatste coördinatenpaar toe om de veelhoek te sluiten
De waarden zijn getallen in CSS-pixels. Onze shape-generator kan je helpen bij het genereren van de coords-syntax door punten te selecteren op een afbeelding die je uploadt.