English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento HTML

Completo elenco delle etichette HTML

HTML: <img> attributo alt

Se l'utente non riesce a visualizzare l'immagine per qualsiasi motivo (per esempio per la lentezza della connessione, errore nel属性 src o l'uso di un lettore di schermo), l'attributo alt fornisce informazioni alternative per l'immagine. Se l'immagine non può essere visualizzata, è necessario utilizzare l'attributo alt per specificare il testo alternativo dell'immagine.

 HTML <img> etichetta

Esempio online

Specificato l'immagine con testo alternativo:

<!DOCTYPE html>
<html>
<head>
<title>HTML: <img> attributo alt - Base Tutorial Web oldtoolbag.com</title>
<body>
<img src="haha-no.gif" alt="haha face" width="42" height="42">
</body>
</html>
Testa e guarda ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo alt.

Definizione e uso

L'attributo alt è un attributo obbligatorio che definisce il testo alternativo da visualizzare quando l'immagine non può essere visualizzata.

Se l'immagine non può essere visualizzata, è necessario utilizzare l'attributo alt per specificare il testo alternativo dell'immagine.

Se l'utente non può visualizzare l'immagine per qualche motivo (per esempio, per connessione lenta, errore nell'attributo src o utilizzo di un lettore di schermo), l'attributo alt fornisce informazioni alternative per l'immagine.

Attenzione:Quando l'utente muove il mouse sull'elemento img, Internet Explorer (versioni precedenti al 9) mostra il valore dell'attributo alt come tooltip. Secondo lo standard HTML, questo comportamento non è corretto.

Suggerimento:Se è necessario creare un tooltip per l'immagine, utilizzare title Attributi!

Differenze tra HTML 4.01 e HTML5

Nessuna.

Sintassi

<img alt="testo">

valore dell'attributo

valoredescrizione
testoSpecificare il testo alternativo dell'immagine.

Principi di utilizzo del testo alt:

  • Se l'immagine contiene informazioni, utilizzare alt per descrivere l'immagine

  • Se l'immagine è contenuta in un elemento <a>, utilizzare alt per descrivere il link di destinazione

  • Se l'immagine è solo decorativa, utilizzare alt=""

 HTML <img> etichetta