English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'etichetta HTML <area> definisce le aree cliccabili (o aree calde) all'interno di una mappa immagine. Puoi associare un collegamento a questa area cliccabile. Questa etichetta deve essere all'interno dell'etichetta <map>. Questo etichetta è anche noto come elemento <area>.
Mappa immagine con aree cliccabili:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Base Tutorial Website (oldtoolbag.com)</title> </head> <body> <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.html"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.html"> </map> </body> </html>Testa e vedrai ‹/›
IEFirefoxOperaChromeSafari
Tutti i browser mainstream supportano il tag <area>.
Il tag <area> definisce l'area interna all'immagine mappata (l'immagine mappata è un'immagine con aree cliccabili).
L'elemento <area> è sempre annidato all'interno del tag <map>.
L'elemento HTML <area> si trova all'interno del tag <body> e deve essere posizionato all'interno del tag <map>.
Nota: <img> L'attributo usemap del tag è associato a <map> L'elemento name è associato all'interno dell'elemento per creare una relazione tra l'immagine e la mappa.
HTML5 fornisce alcune nuove proprietà e non supporta alcune proprietà di HTML 4.01.
In XHTML, il tag <area> deve essere chiuso correttamente.
Differenze tra HTML e XHTML.
Nuovo: attributo nuovo in HTML5.
| attributo | valore | descrizione |
|---|---|---|
| alt | text | Definisce il testo alternativo della regione. Se viene utilizzato l'attributo href, questo attributo è obbligatorio. |
| coords | coordinates | Definisce le coordinate della regione. |
| href | URL | Definisce l'URL di destinazione della regione. |
| downloadHTML5 | filename | Scarica il file di destinazione specificato quando l'utente fa clic su un collegamento ipertestuale. |
| hreflangHTML5 | language_code | Definisce il linguaggio dell'URL di destinazione. |
| mediaHTML5 | query di media | Definisce l'URL di destinazione ottimizzata per quale tipo di media/dispositivo. Predefinito: all. |
| nohref | value | HTML5 non supporta. Definire l'area senza link correlati. |
| relHTML5 | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Definire la relazione tra il documento corrente e l'URL di destinazione. |
| shape | default rect circle poly | Definire la forma dell'area. |
| target | _blank _parent _self _top framename | Definire dove aprire l'URL di destinazione. |
| typeHTML5 | MIME_type | Definire il tipo MIME dell'URL di destinazione. Nota: MIME = Estensioni Multifunzionali Internet Mail. |
Supporto dell'etichetta <area> Attributi globali HTML.
Supporto dell'etichetta <area> Attributi di evento HTML.
Manuale di riferimento HTML DOM: Oggetto Area