HTML beschrijving element AREA


Handleiding HTML Legenda | HTML-elementen | Inhoud HTML | Inhoud CSS | Begin


Van het AREA element worden de volgende attributen beschreven: ACCESSKEY, ALT, COORDS, HREF, NOHREF, SHAPE, TABINDEX en TARGET.

De beschrijving van de attributen CLASS, DIR, ID, LANG, STYLE en TITLE is opgenomen in het onderdeel Algemene attributen.

Een overzicht van attributen, die betrekking hebben op het uitvoeren van een script bij het optreden van een bepaalde gebeurtenis, wordt gegeven in het onderdeel Gebeurtenis-attributen.

Het gebruik van het AREA element wordt toegelicht in het onderdeel Afbeeldingen en image maps in de Handleiding HTML.


AREA


HTML 3.2
IE 1.0
NN 2.0
MOZ 1.0
FF 1.0
OP 2.1
Met het AREA attribuut worden de gegevens van een gebied in een Client-side image map vastgelegd.
De opbouw is:

<AREA ..>

Het AREA element heeft alleen attributen en geen inhoud. Een beëindiging is daarom niet toegestaan.
Aan het AREA element moet minimaal het ALT worden toegevoegd.

DTD HTML 4.0: strict, transitional, frameset
Beëindiging: verboden
Inhoud: - (het element is leeg)
Mag zijn opgenomen in: MAP
Vereiste attributen: ALT
ACCESSKEY


HTML 4.0
IE -
NN 7.1
MOZ 1.3
FF 1.0
OP 7.0
Het ACCESSKEY attribuut kan gebruikt worden om een sneltoets aan een aanklikbaar gebied van een client-side image map toe te wijzen. De gebruiker krijgt daarmee direct vanaf het toetsenbord toegang tot het gebied. Gebruik van de sneltoets geeft het gebied de focus (activeert hem) en voert de bijbehorende actie uit.
De opbouw is:

<AREA ACCESSKEY="waarde" ..>

De waarde is een enkel karakter (uit het document karakterset), waarbij hoofdletters en kleine letters niet als verschillend gezien worden.
Om de bestemming van het gebied te activeren moet in de meeste browsers de Alt-toets (op Windows systemen) of de Ctrl-toets (op Macintosh systemen) ingedrukt worden in combinatie met de toets van het aangegeven karakter. Opera hanteert een afwijkende procedure: eerst moet met de toetscombinatie Shift + Esc de werking van het ACCESSKEY attribuut geactiveerd worden, pas daarna kan de toets van het aangewezen karakter worden ingedrukt. In Firefox 2.0 is de toetscombinatie (om verwarring met de sneltoetsen uit het menu van de browser te voorkomen) gewijzigd in Shift, Alt en het aangegeven karakter.
Om de gebruiker attent te maken van de sneltoets is het verstandig deze in de tekst te vermelden.
ALT


HTML 3.2
IE 5.0
NN (4.0)
MOZ -
FF -
OP -
Het ALT attribuut zorgt voor een omschrijving van de bestemming van elk AREA element indien de browser geen afbeeldingen kan weergeven (bij gebruik van een tekst-georiënteerde browser), of wanneer het automatisch laden van afbeeldingen in een grafische browser is uitgezet.
De opbouw is:

<AREA ALT="omschrijving bestemming" ..>

ALT attribuut is een vereist attribuut.

Microsoft Internet Explorer 5.0 en hoger en Netscape Navigator 4 geven de waarde van het ALT attribuut ook weer in een tooltip (een klein venster met extra informatie), wanneer de muisaanwijzer zich boven een aanklikbaar gebied bevindt. Daarvoor is volgens de regels echter niet het ALT attribuut bedoeld, maar het TITLE attribuut. Dat attribuut wordt ondersteund door Microsoft Internet Explorer 4.0 en hoger, Mozilla, Netscape Navigator 6.0 en hoger en Opera 5.0 en hoger.
Omdat ALT een vereist attribuut is, moet het TITLE attribuut altijd in combinatie met het ALT attribuut opgenomen worden. Een probleem daarbij is dat Microsoft Internet Explorer 5.0 en hoger bij het gecombineerde gebruik van de attributen niet de waarde van het TITLE attribuut als tooltip weergeeft, maar de waarde van het ALT attribuut. Wanneer het belangrijk is dat in alle gevallen dezelfde tooltip wordt weergegeven, is het verstandig voor de attributen ALT en TITLE dezelfde waarde te gebruiken.
COORDS


HTML 3.2
IE 1.0
NN 2.0
MOZ 1.0
FF 1.0
OP 2.1
Met het COORDS attribuut worden de coördinaten van een gebied in een client-side image map gedefinieerd.
De opbouw is:

<AREA COORDS="waarde" ..>

Bij de rechthoek en de veelhoek worden als waarde de coördinaten van de verschillende hoekpunten vastgelegd, bij de cirkel de coördinaten van het middelpunt en daarnaast de straal:

<AREA SHAPE="rect" COORDS="xlinks,yboven,xrechts,yonder" ..>

<AREA SHAPE="circle" COORDS="xmiddelpunt,ymiddelpunt,rstraal" ..>

<AREA SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,..." ..>

Hierbij is x de afstand in pixels gemeten vanaf de linkerkant van de afbeelding en y de afstand in pixels vanaf de bovenkant. Daarbij wordt gerekend met de afmetingen van de afbeelding zoals deze zijn opgegeven via het WIDTH en/of HEIGHT attribuut van het IMG element (de coördinaten wijzigen dus bij vergroten of verkleinen). De coördinaten kunnen gevonden worden met behulp van een image-editor/viewer, zoals IrfanView.
Indien gebieden elkaar overlappen, dan geldt de URI van het eerst gedefinieerde gebied.
HREF


HTML 3.2
IE 1.0
NN 2.0
MOZ 1.0
FF 1.0
OP 2.1
Met het HREF attribuut wordt de bestemming van de hyperlink in een aanklikbaar gebied in de client-side image map gedefinieerd.
De opbouw is:

<AREA HREF="URI" ..>

De URI (Uniform Resource Identifier) heeft een opbouw, welke afhangt van de methode die gebruikt wordt om toegang te krijgen tot de bestemming. De belangrijkste mogelijkheden zijn:
  • http (HyperText Transfer Protocol): de bestemming is een bestand op een World Wide Web Server, vaak een HTML-document, maar het kan ook gaan om andere soorten bestanden zoals grafische bestanden (GIF, JPG of PNG), geluidsbestanden (WAV, AU, RA of MID) en zip- of exe-bestanden
  • ftp (File Transfer Protocol): de bestemming is een bestand op een FTP-server
  • mailto: de bestemming is een e-mailadres, waar een bericht naar toe gestuurd moet worden
  • javascript: de bestemming is een JavaScript, dat voor een bepaalde actie moet zorgen
  • news: de bestemming is een Usenet Nieuwsgroep
  • telnet: hiermee kan via een apart programma een telnet-verbinding worden opgestart naar een server.
Een http-URI heeft de volgende opbouw:

http://host/path

Host specificeert het adres van de server, waarop zich het gevraagde bestand bevindt. Het kan een IP-adres zijn, maar meestal is het de naam van de machine. Een machinenaam (ook wel domeinnaam) bestaat uit meerdere delen gescheiden door een punt, begint vaak met "www" en eindigt met een landcode (bijvoorbeeld "nl", "be", "uk") of de vooral in de Verenigde Staten gebruikte code voor de sector (bijvoorbeeld "com" voor commerciële instellingen en "org" voor non-profit organisaties).
Path geeft aan hoe het gevraagde bestand op de server gevonden kan worden: in welke directory en onder welke bestandsnaam.

Het is niet altijd nodig een complete URI op te nemen. Wanneer geen speciaal bestand op de server gezocht wordt, is de volgende URI voldoende:

http://host

Bevindt het gevraagde bestand zich op de lokale server, dan volstaat de volgende URI:

path

Als het gevraagde bestand een HTML-document is, kan aan de URI een verwijzing naar een specifieke plaats in dat document worden toegevoegd. De opbouw van de URI is dan:

http://host/path#markering

Heeft de verwijzing betrekking op een specifieke plaats in het huidige document, dan kan de volgende URI gebruikt worden:

#markering

De plaats waarnaar verwezen wordt, moet gemarkeerd zijn met het NAME attribuut van het A element.

Bij het ftp-protocol heeft de URI een opbouw, welke vergelijkbaar is met die van de http-methode:

ftp://host/path

Een mailto-URI wordt als volgt opgebouwd:

mailto:e-mailadres

Wanneer op een hyperlink met een mailto-URI wordt geklikt, opent een browser die deze mogelijkheid ondersteunt, het (via de instellingen opgegeven) e-mailprogramma en plaats het e-mailadres is in het To-veld.
Sommige browsers en e-mailprogramma's ondersteunen parameters, waarmee ook de inhoud van het Subject-veld, het CC-veld en de inhoud van het bericht in de URI worden opgenomen. Voor het Subject-veld ziet dat er als volgt uit:

mailto:e-mailadres?SUBJECT=onderwerp

mailto:e-mailadres?SUBJECT=onderwerp

Een javascript-URI heeft de volgende opbouw:

javascript:code

In een URI moeten bepaalde karakters in gecodeerde vorm worden opgenomen. Zie voor een toelichting het onderdeel Hyperlinks.
NOHREF


HTML 3.2
IE 1.0
NN 2.0
MOZ 1.0
FF 1.0
OP 2.1
Met het NOHREF attribuut wordt aangegeven dat klikken in het aangegeven gebied van de client-side image map niet tot een actie moet leiden. Je kunt het gebruiken als je een deel van een gebied waarvoor je met het AREA element een URI gedefinieerd hebt, wilt uitsluiten. NOHREF gebruik je in plaats van het HREF attribuut. Je moet het AREA element met het NOHREF attribuut eerder in het document opnemen, dan het AREA element voor het gebied waarvan het onderdeel uitmaakt.
De opbouw is:

<AREA NOHREF ..>
SHAPE


HTML 3.2
IE 1.0
NN 2.0
MOZ 1.0
FF 1.0
OP 2.1
Met het SHAPE attribuut wordt aangegeven welke vorm een aanklikbaar gebied in een client-side image map heeft.
De opbouw is:

<AREA SHAPE="waarde" ..>

Mogelijke waarden zijn:
  • rect: een rechthoek
  • circle: een cirkel
  • poly: een veelhoek
  • default: het gehele gebied
Wanneer de waarde "default" wordt gebruikt, dan geldt de via het HREF gedefinieerde URI voor de hele afbeelding met uitzondering van de apart gedefinieerde gebieden. Bij het SHAPE attribuut met de waarde "default" wordt het COORDS attribuut niet opgenomen.
Door in plaats van het HREF attribuut NOHREF te gebruiken, geef je aan dat klikken in het gebied niet tot het openen van een URI moet leiden.
De waarde "poly" wordt niet ondersteund door Microsoft Internet Explorer 1, de waarde "default" wordt door geen enkele versie van Microsoft Internet Explorer ondersteund.
TABINDEX


HTML 4.0
IE 4.0
NN 6.0
MOZ 1.0
FF 1.0
OP 7.0
Met het TABINDEX attribuut kan de volgorde bepaald worden, waarmee verschillende onderdelen van een document (hyperlinks, gebieden van een client-side image map en controls van een formulier) de focus kunnen krijgen (geactiveerd kunnen worden) als de gebruiker de tab-toets op het toetsenbord indrukt.
De opbouw is:

<AREA TABINDEX="waarde" ..>

De waarde mag een positief of negatief geheel getal (integer) zijn.
De normale tab-volgorde is de volgorde waarin de elementen in het document voorkomen. Elementen waarvoor het TABINDEX attribuut gebruikt is, komen voor elementen zonder het TABINDEX attribuut. Elementen met een positieve waarde voor de TABINDEX worden doorlopen van de laagste waarde naar de hoogste waarde. Een element met een negatieve waarde voor de TABINDEX doet niet mee in de tab-volgorde.
TARGET


HTML 4.0
IE 3.0
NN 2.0
MOZ 1.0
FF 1.0
OP 2.1
Het TARGET attribuut kan gebruikt worden om de browser een document te laten openen in een frame met een bepaalde naam, of indien die naam niet bestaat, in een nieuw venster.
De opbouw is:

<AREA TARGET="naam" ..>

De naam van een frame wordt gedefinieerd via het NAME attribuut van het FRAME of het IFRAME element.
De naam moet beginnen met een hoofdletter of een kleine letter (A-Z of a-z). De browser moet een naam die begint met een ander karakter negeren. Een uitzondering geldt enkele voor-gedefinieerd framenamen, die beginnen met een underscore:
  • TARGET="_top"
    De URI wordt niet geopend in het frame waarin het aangeklikt wordt, maar in het hele venster van de browser.
  • TARGET="_self"
    De URI wordt altijd geladen in het frame waarin het aangeklikt is, ook als via het BASE element een andere vensternaam opgegeven is.
  • TARGET="_parent"
    De URI wordt geopend in de "parent" van het huidige frameset. Dat is het frameset van waaruit het huidige frameset is geopend. Juister gezegd: het huidige frameset wordt vervangen door het in de URI genoemde bestand. Indien er geen voorgaand frameset is, werkt deze naam als _self.
  • TARGET="_blank"
    De URI wordt altijd geopend in een nieuw venster van de browser.
Indien een naam opgegeven wordt die nergens is gedefinieerd, dan wordt de URI geopend in een nieuw venster.

Volgens HTML 4.0 is de naam hoofdletterongevoelig. Dat wil zeggen dat het niet uitmaakt of de naam in hoofdletters of in kleine letters wordt geschreven. In de praktijk maken alle belangrijke browsers als het gaat om de naam van een frame wel onderscheid tussen hoofdletters en kleine letters. Je moet er dus voor zorgen dat je zowel in het TARGET attribuut van het AREA element als in het NAME attribuut van het FRAME of het IFRAME element exact dezelfde naam gebruikt.



Legenda | HTML-elementen | Inhoud HTML | Inhoud CSS | Begin

Handleiding HTML (http://www.handleidinghtml.nl/)
Copyright © 1995-2016 Hans de Jong
Laatste wijziging: 29 maart 2008