map - Český HTML 5 manuál

Tag <map> umožňuje definovat mapu na obrázku přímo na straně klienta na rozdíl od atributu ismap u atributu <img>, kde se teprve kliknutí zpracovávalo na serveru. Na obrázku definujeme několik oblastí s různými tvary přes tagy <area> a ty budou rovnou fungovat jako odkazy. Nesmíme zapomenout definovat atribut usemap s názvem mapy jako ID u obrázku.

Atributy

• name - Specifikuje jméno mapy, pomocí kterému ji poté přiřadíme obrázku.

Ukázka použití

Velmi jednoduché použití obrázkové mapy by mohlo vypadat nějak takto:

<img src="ptak.jpg" width="400" height="241" usemap="#map" alt="Pták" />

<map name="map">
        <area shape="default" title="První odkaz" alt="První odkaz" href="#">
</map>

Ve výsledku je odkaz přes celý obrázek: