Uneori, în conformitate cu planul de web-designer de master în document HTML trebuie să arate o imagine, din care părțile trebuie să traducă pe hyperlink la diferite documente țintă. Un exemplu evident de o astfel de imagine - o hartă geografică făcând clic pe anumite domenii în care ne întoarcem la documentele relevante. În acest caz, aranjați link-ul folosind nu poate în mod direct un membru, și trebuie să fie „tăiat“ în imagine separată, le potrivi și acționând în mod obișnuit (vezi. Pct Hyperlinkuri) sau pentru a utiliza element de hartă. specifică harta de navigație bazată pe imagine.
În container-map element este necesar doar artibutom numele său nume. pentru a fi utilizat pentru a descrie atributul usemap elementul img. care descrie imaginea pentru a servi ca cărțile (vezi. exemplul de mai jos). În interiorul fiecărui container harta sensibil la mișcarea mouse-ului zonei de imagine trebuie să respecte atributele element de suprafață:
Lista de origine miez separate prin virgulă (în funcție de tipul de zonă forma dorită)
Valorile posibile sunt:
cerc (cerc - seturi centrul coordonatelor și raza în pixeli)
dreptunghi (dreptunghi - dată de coordonatele din stânga sus și colțurile din dreapta jos)
poligon (poligon - dată de coordonatele nodurilor sale)
Uneori este necesar să se indice faptul că zona (SHAPE atributul specificat și coordonatele Coords) nu este activ, ca răspuns la un click de mouse nr
text alternativ; „Apare“ atunci când cursorul mouse-ului pe această zonă a imaginii
ID-ul, stil, clasa, din titlu, onClick, onDblClick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onMouseOut, onMouseOver, onmouseup, dir, lang
atribute opționale, descrise în secțiunea „Conceptul de HTML 4+“.
Să presupunem, de exemplu, avem o imagine russia.gif dimensiune 360h196 pixeli și trei document HTML, care ar trebui să fie organizate hyperlink-uri. peterburg.htm, moscow.htm și yakutsk.htm.
zone active pe ecran ar dori să facă cani, condiționată de o hartă marchează locația celor trei orașe.
Centrele cercurilor luând ca punct de plecare (0,0) din colțul din stânga sus al imaginii, se află aproximativ la nivelul
(48.84) - București
(49.60) - București
(256.93) - Yakutsk.
În mod logic, în acest caz, pentru a alege ca circumferința formei de bază. Luând, de exemplu, raza acestui cerc este egală cu 9 pixeli (cu exces), hyperlinkul poate implementa prin următoarele HTML-cod:
După examinarea HTML-cod, verificați imaginea cardului în acest exemplu funcționează. Pentru a face mai convenabil, documentele țintă sunt afișate în noile ferestre mici.