Mappa immagine

La versione stampabile non è più supportata e potrebbe contenere errori di resa. Aggiorna i preferiti del tuo browser e usa semmai la funzione ordinaria di stampa del tuo browser.

La mappa immagine (dall'inglese image map) è una immagine digitale in cui alcune aree sono link ad altri contenuti mediali^[1]^[2].

In particolare viene progettata in HTML o XHTML come un elenco di coordinate correlate a una immagine specifica create con vari ipercollegamenti che conducono a diverse destinazioni (a differenza di una normale immagine che indirizza ad una sola destinazione). È evidente una similitudine tra ipertesto e mappa immagine poiché in entrambi si ha la possibilità di accedere a più contenuti e soprattutto di scegliere a quali accedere a seconda della propria curiosità. Ogni mappa immagine ha la possibilità di aprirsi su infiniti (ipoteticamente) nuovi oggetti multimediali^[3].

Sintassi HTML

Esempio di mappa immagine^[4]:

<img src="image.png" alt="Website map" usemap="#mapname" /> <map name="mapname"> <area shape="rect" coords="9,372,66,397" href="https://en.wikipedia.org/" alt="Wikipedia" title="Wikipedia" /> </map>

Nei progetti di Wikipedia

In via sperimentale, a gennaio 2020 il software di Wikipedia consente l'inserimenti di image map interattive all'interno delle voci del dominio principale, in alternativa alle immagini statiche tradizionali. La differenza consisteva nella possibilità di taggare specifiche sezioni dell'immagini, dalle quali il lettore tramite un semplice clic del mouse può accedere alla relativa voce dell'enciclopedia.

Le image map delle voci sono categorizzate al seguente wikilink [[w:en:Category:Articles containing image maps]].

Note

^ (EN) HTML Image Maps, su w3schools.com. URL consultato il 20 dicembre 2021.
^ (EN) Free Online Image Map Generator, su image-map.net. URL consultato il 20 dicembre 2021.
^ (EN) : The Image Map element - HTML: HyperText Markup Language | MDN, su developer.mozilla.org. URL consultato il 20 dicembre 2021.
^ Image Maps • Images • WAI Web Accessibility Tutorials, su w3.org. URL consultato il 20 dicembre 2021.

Collegamenti esterni

(EN) Denis Howe, image map, in Free On-line Dictionary of Computing. Disponibile con licenza GFDL

Portale Internet: accedi alle voci di Wikipedia che trattano di internet

[1] (EN) HTML Image Maps, su w3schools.com. URL consultato il 20 dicembre 2021.

[2] (EN) Free Online Image Map Generator, su image-map.net. URL consultato il 20 dicembre 2021.

[3] (EN) : The Image Map element - HTML: HyperText Markup Language | MDN, su developer.mozilla.org. URL consultato il 20 dicembre 2021.

[4] Image Maps • Images • WAI Web Accessibility Tutorials, su w3.org. URL consultato il 20 dicembre 2021.

[1]

[2]

[3]

[4]