Html kép-térkép
Néha szerint a tervező tervét web-mester HTML dokumentumban kell mutatni egy képet, amelynek egyes részeit kell fordítani a hivatkozást, hogy más cél dokumentumokat. Egy kézenfekvő példa egy ilyen kép - földrajzi térkép kattintva bizonyos területeken, ahol viszont a vonatkozó dokumentumokat. Ebben az esetben intézkedik hivatkozást tagja nem tud közvetlenül, és kell vagy „vágott” külön képet, mérkőzés őket, és jár a szokásos módon (lásd. A hivatkozások listájában), vagy használja térkép elem. meghatározza a navigációs térkép alapján a kép.
In-tároló elemet térkép csak akkor van szükség artibutom nevét nevét. használt leíró attribútum usemap img elem. a képet leíró szolgál a kártyákat (lásd. az alábbi példát). Belül minden konténer térkép érzékeny a mozgás az egér a kép területet meg kell felelnie a terület elem attribútumai:
Vesszővel elválasztott listája mag eredetű (típusától függ a kívánt alakú zóna)
Lehetséges értékek:
kör (kör - állítja a középpontjának koordinátáit és a sugár pixel)
téglalap (téglalap - által adott koordinátáit a bal felső és jobb alsó sarkok)
sokszög (poligon - által adott koordinátáit csúcsok)
Néha szükség van annak jelzésére, hogy a zóna (meghatározott attribútum SHAPE és coords koordináták) nem aktív, válaszul egy kattintással nem
Alternatív szöveg; „Kiugrik”, ha az egérmutató ezen a területen a kép
id, stílus, osztály, cím, onClick, ondblclick, onkeydown, onkeypress, onkeyup, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, dir, lang
kötelező attribútumok fejezetben leírt „fogalma HTML 4+”.
Tegyük fel például, hogy van egy kép russia.gif mérete 360h196 pixel és három HTML-dokumentum, amelyet meg kell szervezni hivatkozásokat. peterburg.htm, moscow.htm és yakutsk.htm.
Aktív-nak a képernyőn szeretnék bögrék, feltételes térképen jelzi a helyét a három városban.
A központok a köröket figyelembe kiindulópontként (0,0), a bal felső sarokban a kép, található, mintegy szinten
(48.84) - Budapest
(49.60) - Budapest
(256,93) - Yakutsk.
Logikusan, ebben az esetben, hogy válasszon, mint a kerülete a mag formában. Figyelembe, például a sugara ebben a körben egyenlő 9 képpont (felesleg), a hiperhivatkozást valósíthatja meg az alábbi HTML-kód:
Miután megvizsgálta a HTML-kódot, ellenőrizze a kártya képe ebben a példában működik. Ahhoz, hogy ez sokkal kényelmesebb, a cél dokumentumok jelennek meg az új kis ablakok.