Hărți de imagini
Se poate crea o imagine având mai multe regiuni, fiecare fiind folosită pentru realizarea unei referinţe. Zonele sensibile la selectarea cu mouse-ul pot fi rectangulare, poligonale sau circulare. Determinarea coordonatelor punctelor care definesc regiunile se poate realiza folosind Inkscape, care afişează în permanenţă coordonatele cursorului. Marcajele care se vor folosi în acest caz sunt <map> şi <area>. Numele hărţii se declară cu ajutorul atributului usemap="#nume" introdus în cadrul marcajului <img>.
Exemplu
<img src="header.img" usemap="#depozite" alt=""/>
<map id="depozite"/>
<area shape="rect" coords="29,48,52,70" href="dep1.html" alt="" /> <area shape="rect" coords="39,78,152,120" href="dep2.html" alt="" /> <area shape="rect" coords="190,38,252,70" href="dep3.html" alt="" /> </map>
Pentru declararea zonelor sensibile la acţiunea mouse-ului se vor folosi atributele shape pentru a indica forma zonei şi coords pentru a-i defini poziţia şi dimensiunile. Modul de folosire a acestor atribute reiese din exemplele următoare:
