HTML <area> Tag

Snelmenu:

VoorbeeldVoorbeeld:
<map name="ballon">
  <area shape="circle" coords="88,100,55" href="ballon1.html"/>
  <area shape="circle" coords="190,218,22" href="ballon2.html"/>
  <area shape="circle" coords="407,170,27" href="ballon3.html"/>
</map>


Beschrijving

Met de <area> tag worden de gegevens van een actieve gebied in een Client-side imagemap vastgelegd.


Browser ondersteuning

Het element wordt ondersteund door de volgende browsers:

Element:
<area> Ja Ja Ja Ja Ja Ja


Attributen

De volgende attributen worden door het <area> element ondersteund:

Versie Attribuut Waarde Beschrijving
  alt tekst Geeft een alternatieve tekst indien de browser geen afbeeldingen kan weergeven.
  coords coördinaten Hiermee worden de coördinaten van een gebied in een client-side image map gedefinieerd.
HTML5 download bestandsnaam Geeft aan dat het doel zal worden gedownload wanneer een gebruiker op de link klikt.
  href url Hiermee wordt de bestemming van de link gedefinieerd.
HTML5 hreflang taalcode Hiermee wordt de taal van het document aangegeven waarnaar het verwezen wordt.
HTML5 media apparaat Dit attribuut geeft aan welk media wordt gebruikt en waar de gekoppelde document voor bedoeld is.
  nohref url Niet ondersteund in HTML5.
Wordt aangegeven dat klikken in het gedefinieerde gebied niet tot een actie moet leiden.
HTML5 rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
Met dit attribuut wordt de relatie tussen het huidige document en het gekoppelde document aangegeven.
  shape default
rect
circle
poly
Met dit attribuut wordt aangegeven welke vorm een aanklikbaar gebied in een client-side image map heeft.
  target _blank
_parent
_self
_top
Dit attribuut kan gebruikt worden om aan te geven in welk venster het document geladen moet worden.
HTML5 type mediatype Het type attribuut wordt gebruikt om het mediatype (MIME) van het gekoppelde document te bepalen.

Event attributen

De <area> tag ondersteunt ook de Event attributen in HTML.

Globale attributen

De <area> tag ondersteunt ook de Globale attributen in HTML.


Ad blocker gedetecteerd!
  Ons website heeft gedetecteerd dat u een Ad blocker gebruikt. Codecenter.nl is gratis, wij blijven overeind door het weergeven van advertenties en u kunt ons daarbij helpen. Het wordt aanbevolen om uw Ad blocker uit te schakelen zodat u verder gebruik kunt maken van codecenter.nl, alvast bedankt.