Het <area>-element wordt opgenomen in een <map>-element en specificeert zo een aanklikbaar gebied in de afbeelding. Het element heeft geen inhoud. Het alt-attribuut is vereist indien het href-attribuut aanwezig is.
Bij overlappende gebieden telt het <area>-element dat het hoogst in de broncode staat.
<area … />
alt-attribuut
Het alt-attribuut geeft een alternatieve tekst voor het geval de browser geen afbeeldingen ondersteunt of deze zijn uitgeschakeld. In het geval van het <area>-element komt dit erop neer dat het een (korte) tekst is waarmee de bestemming van de koppeling duidelijk wordt gemaakt. Dit attribuut is verplicht indien het href-attribuut aanwezig is.
<area alt="…" … />
coords-attribuut
Het coords-attribuut specificeert de coördinaten van de regio die door het shape-attribuut is gedefinieerd. Dit attribuut bestaat uit een door komma's gescheiden opsomming van coördinaten in pixels (zonder vermelding van eenheid).
Deze opsomming is afhankelijk van de vorm (het shape-attribuut):
- bij een rechthoek achtereenvolgens de horizontale en verticale coördinaat van de linkerbovenhoek en de horizontale en verticale coördinaat van de rechteronderhoek;
- bij een cirkel de horizontale en verticale coördinaat van het middelpunt gevolgd door de straal;
- bij een veelhoek per hoekpunt telkens de horizontale en de verticale coördinaat.
Alle coördinaten zijn relatief aan de linkerbovenhoek van de afbeelding. Naar rechts is positief en naar onder is positief, dus negatieve coördinaten komen niet voor.
<area coords="…" … />
href-attribuut
Zie de attributen m.b.t. koppelingen voor de beschrijving van het href-attribuut.
hreflang-attribuut
Zie de attributen m.b.t. koppelingen voor de beschrijving van het hreflang-attribuut.
media-attribuut
Zie de attributen m.b.t. koppelingen voor de beschrijving van het media-attribuut.
rel-attribuut
Het rel-attribuut werkt op een <area>-element hetzelfde als op een <a>-element. Zie het <a>-element voor meer informatie.
<area rel="…" … />
shape-attribuut
Het shape-attribuut specificeert de vorm van de regio waarop geklikt mag worden.
Het assortiment keuzemogelijkheden is:
"recht"voor een rechthoek"circle"voor een cirkel"poly"voor een veelhoek"default"voor de volledige afbeelding
Bij alles behalve "default" is het coords-attribuut nodig om de coördinaten op te geven.
<area shape="…" … />
target-attribuut
Zie de attributen m.b.t. koppelingen voor de beschrijving van het target-attribuut.
type-attribuut
Zie de attributen m.b.t. koppelingen voor de beschrijving van het type-attribuut.
Globale attributen
De globale attributen mogen op elk element worden toegepast. Dit zijn accesskey, class, contenteditable, contextmenu, data-…, dir, draggable, hidden, id, lang, spellcheck, style, tabindex en title.
Geschrapte attributen
De volgende attributen zijn niet meer toegestaan in (X)HTML5, maar waren wel toegestaan in HTML 4 en XHTML 1:
nohref-attribuut
Het booleaanse nohref-attribuut zorgde ervoor dat klikken op dit gebied géén actie oplevert. Het doel hiervan was de mogelijkheid om als het ware gaten te kunnen knippen in andere gebieden.
Zoals reeds gezegd heeft het eerstgenoemde <area>-element voorrang, dus het gat moet eerder gedefinieerd worden dan de vormen waar het gat in zit.
Sinds (X)HTML5 hoeft dit attribuut niet meer gebruikt te worden: alle <area>-elementen zonder href-attribuut gedragen zich nu automatisch alsof ze het nohref-attribuut hebben.
<area nohref="nohref" … />
ping-attribuut
Zie de attributen m.b.t. koppelingen voor de beschrijving van het ping-attribuut.