HTML area tag

Meghatározás

Az <area> tag egy területet definiál kép-térképen (A kép-térkép egy klikkelhető terület egy képen). Az <area> tag mindig a <map> tagen belül van. Az <img> tag usemap attribútuma és a <map> tag name attribútuma határozza meg a kép és a kép-térkép kapcsolatát.

Szintaktika:

<center>
    <img src ="/images/5/52/Planets.png" alt="Bolygók" usemap="#bolygok" style="border:none;"/>
</center>
<map name="bolygok">
    <area shape="rect" coords="0,0,40,266" href="http://hu.wikipedia.org/wiki/Nap" target="_blank" title="Nap" />
    <area shape="circle" coords="95,142,2" href="http://hu.wikipedia.org/wiki/Merk%C3%BAr" target="_blank" title="Merkúr" />
    <area shape="circle" coords="124,142,4" href="http://hu.wikipedia.org/wiki/V%C3%A9nusz" target="_blank" title="Vénusz" />
    <area shape="circle" coords="161,142,4" href="http://hu.wikipedia.org/wiki/F%C3%B6ld" target="_blank" title="Föld" />
    <area shape="circle" coords="194,142,3" href="http://hu.wikipedia.org/wiki/Mars" target="_blank" title="Mars" />
    <area shape="circle" coords="221,142,2" href="http://hu.wikipedia.org/wiki/Ceres_%28t%C3%B6rpebolyg%C3%B3%29" target="_blank" title="Ceres" />
    <area shape="circle" coords="283,142,40" href="http://hu.wikipedia.org/wiki/Jupiter" target="_blank" title="Jupiter" />
    <area shape="circle" coords="382,142,34" href="http://hu.wikipedia.org/wiki/Szaturnusz" target="_blank" title="Szaturnusz" />
    <area shape="circle" coords="448,142,14" href="http://hu.wikipedia.org/wiki/Ur%C3%A1nusz" target="_blank" title="Uránusz" />
    <area shape="circle" coords="496,142,14" href="http://hu.wikipedia.org/wiki/Neptunusz" target="_blank" title="Neptunusz" />
    <area shape="circle" coords="535,142,2" href="http://hu.wikipedia.org/wiki/Pl%C3%BAt%C3%B3" target="_blank" title="Plútó" />
    <area shape="circle" coords="574,142,2" href="http://hu.wikipedia.org/wiki/2003_UB313" target="_blank" title="Erisz" />
</map>

Megjelenés a böngészőben

Szükséges attribútumok

Attribútum	Érték	Leírás
alt	szöveg	Alternatív szöveg, ha a kép nem megjeleníthető.

Opcionális attribútumok

Attribútum	Érték	Leírás
coords	koordináták	Link klikkterülete kooridinátáinak meghatározása.
href	URL	Meghatározza a link célpontját.
hreflang	nyelv kód	Linkelt dokumentum nyelvének meghatározása.
media	média lekérdezés	Meghatározza milyen médiára/eszközre mutat a link. Alapértelmezett: all.
nohref	nohref	Meghatároz egy sehová sem mutató linket. ! Elavult.
shape	default rect circle poly	Link klikkterület alakjának meghatározása.
target	_blank _self _parent _top keret név	Meghatározza, hogy hol nyíljon a linkelt dokumentum.
type	MIME típus	Meghatározza a linkelt dokumentum MIME típusát.