HTML Afbeeldingen

HTML <area> element

XHTML <area /> element

  • Het <area> element definieerd een zone in een imagemap (een imagemap is een afbeelding met aanklikbare zone's).
  • Aan het <area> element moet minstens het alt attribuut worden toegevoegd.
  • Het <area> element heeft heeft alleen attributen en geen inhoud.
  • Een <area> element wordt altijd genest in een <map> element.

Voorbeeld (aanklikbaar)

meetkundige figuren rechthoek cirkel driehoek

Verschil HTML - XHTML

In HTML heeft het <area> element geen eindtag.

In XHTML moet de tag correct worden gesloten,
dus <area attributen /> !

naar boven 

DTD geeft aan in welk <!DOCTYPE> van HTML 4.01 / XHTML 1.0DTD het attribuut is toegestaan.
S=Strict, T=Transitional, F=Frameset

Element Waarde Beschrijving DTD
alt tekst Definieert een alternatieve tekst voor een zone (area).
Verschijnt wanneer de afbeelding niet beschikbaar is
STF
nota

Het usemap attribuut in de <img> tag is verbonden met het name attribuut van het <map> element, en creëert een relatie tussen de afbeelding
en de map !

tip

Tijdens het laden van een webpagina is het de browser die de afbeelding ophaalt van een webserver.
Kontroleer of de afbeelding op de juiste plaats staat in relatie met de webpagina, anders krijgen uw bezoekers een gebroken link icoon omdat de browser de afbeelding niet kan vinden !

Optionele attributen

Attribuut Waarde Beschrijving DTD
coords coördinaten Specificeert de coördinaten van een zone. STF
href url Specificeert de bestemming van een link in een zone. STF
nohref nohref Geeft aan dat er geen link is met deze zone. STF
shape rect
circle
poly
default
Specificeert de vorm van een zone. STF
target _blank
_parent
_self
_top
Specificeert hoe de gelinkte pagina wordt geopend. TF

naar boven 

Standaard attributen

  • Het <area> element ondersteunt volgende standaard attributen:
Attribuut Waarde Beschrijving DTD
accesskey karakter Specificeert een toetsenbord sneltoets tot een element STF
class klassenaam Specificeert een klassenaam voor een element STF
dir ltr
rtl
Specificeert de tekst richting van de inhoud van een element STF
id id Specificeert een uniek id voor een element STF
lang taalcode Specificeert de taalcode van de inhoud van een element STF
style stijl definitie Specificeert de inline stijl van een element STF
tabindex getal Specificeert de tabvolgorde voor een element STF
title tekst Specificeert extra informatie over een element STF
xml:lang taalcode Specificeert de taalcode van de inhoud van een element, in een XHTML document STF

naar boven 

Gebeurtenis attributen

  • Het <area> element ondersteunt volgende gebeurtenis attributen:
Attribuut Waarde Beschrijving DTD
onblur script Script moet opnieuw worden uitgevoerd bij vervagen STF
onclick script Script moet worden uitgevoerd op een muisklik STF
ondblclick script Script moet worden uitgevoerd op een dubbelklik STF
onfocus script Script moet worden uitgevoerd als een element gefocust is STF
onmousedown script Script dat moet worden uitgevoerd wanneer de muis wordt ingedrukt STF
onmouseover script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt over een element STF
onmouseup script Script dat moet worden uitgevoerd wanneer muisknop wordt losgelaten STF
onmouseout script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt uit van een element STF
onmousemove script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt STF
onkeydown script Script dat moet worden uitgevoerd wanneer u een toets indrukt STF
onkeypress script Script dat moet worden uitgevoerd wanneer een toets wordt ingedrukt en losgelaten STF
onkeyup script Script dat moet worden uitgevoerd wanneer een toets wordt losgelaten STF

Browser ondersteuning

Internet Explorer Firefox Chrome Opera Safari

  • Het <area> element wordt ondersteunt in de bekende browsers.
naar boven terug naar afbeeldingen naar boven
terug naar afbeeldingen naar boven