HTML/Overzicht tags/map

Functie

Dient om een image-map te definieren. Wordt gebruikt samen met het het area>. Een image-map is om gebieden aan te duiden bij een afbeelding waar de gebruiker op kan klikken om bijvoorbeeld een link van te maken.

Voorbeeld

HTML-code: Een voorbeeld van het gebruik van het element map.

<img src ="afbeelding.jpg" width="100" height="100" alt="dit is een afbeelding" usemap ="#afbeeldingmap" />

<map id ="afbeeldingmap" name="afbeeldingmap">
  <area shape ="rect" coords ="25,25,75,75" href ="pagina.html" alt="gebied in de afbeelding" />
</map>

Verplichte attributen

id

Waarde: unieke naam

Moet een unieke naam bevatten voor de map. Die naam wordt gebruikt om de map te koppelen met de afbeelding.

Optionele attributen

name

Waarde: unieke naam

Hetzelfde als met id. Vroeger werd deze attribuut gebruikt maar nu wordt id gebruikt. Om de compatibiliteit met oudere browsers te verzekeren wordt aangeraden om beide attributen te gebruiken en dezelfde naam te geven.