| HTML | beschrijving element | AREA | |
|
|
|||
|
Handleiding HTML
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
|
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.
|
||||||||||||||||||||||
ACCESSKEY
|
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
|
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
|
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
|
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://host/pathHost 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://hostBevindt het gevraagde bestand zich op de lokale server, dan volstaat de volgende URI: pathAls 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#markeringHeeft de verwijzing betrekking op een specifieke plaats in het huidige document, dan kan de volgende URI gebruikt worden: #markeringDe 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/pathEen mailto-URI wordt als volgt opgebouwd: mailto:e-mailadresWanneer 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=onderwerpmailto:e-mailadres?SUBJECT=onderwerpEen javascript-URI heeft de volgende opbouw: javascript:codeIn een URI moeten bepaalde karakters in gecodeerde vorm worden opgenomen. Zie voor een toelichting het onderdeel Hyperlinks. |
||||||||||||||||||||||
NOHREF
|
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
|
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:
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
|
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
|
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:
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. |
|
Handleiding HTML (https://www.handleidinghtml.nl/)  
|