Definizione e utilizzo
La alt attributo fornisce informazioni alternativa a un'immagine se un utente per qualche motivo non può vederlo (a causa della connessione lenta, un errore nel src attributo o se l'utente utilizza un lettore di schermo).
Nota: L' alt è necessario attributo per il <img> elemento.
Nota: per <input> elementi, l' alt attributo può essere utilizzato solo con <input type="image"> .
Suggerimento: per creare un suggerimento per una foto, utilizzare il title di attributo!
Si applica a
La alt attributo può essere utilizzato sui seguenti elementi:
| Elementi | Attributo |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
Esempi
Area Esempio
Un'immagine-map, con aree cliccabili:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Prova tu stesso " Img Esempio
Un'immagine con un testo alternativo specificato:
<img src="smiley.gif" alt="Smiley face">
Prova tu stesso " Input Esempio
Un HTML form con un'immagine che rappresenta il pulsante di invio:
<form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Prova tu stesso " Supporto per il browser
L' alt attributo ha la seguente supporto del browser per ogni elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |