tutoriais mais recente desenvolvimento web
 

HTML <img> alt Attribute

<HTML <img> tag

Exemplo

Uma imagem com um texto alternativo especificado:

<img src="smiley.gif" alt="Smiley face">
Tente você mesmo "

Definição e Uso

O necessário alt atributo especifica um texto alternativo para uma imagem, se a imagem não pode ser exibida.

A alt atributo fornece informação alternativa para uma imagem se um usuário por algum motivo não pode vê-lo (por causa da conexão lenta, um erro na src atributo, ou se o usuário usa um leitor de tela).

Dica: Para criar uma dica de ferramenta para uma imagem, utilize o title atributo!


Suporte a navegadores

Atributo
alt sim sim sim sim sim

Nota: Internet Explorer 7 (e versões anteriores) exibe o valor da alt atributo como uma dica de ferramenta, ao passar o mouse sobre a imagem.Este não é o comportamento correto, de acordo com a especificação HTML.


Diferenças entre HTML 4.01 e HTML5

NENHUM.


Sintaxe

<img alt="text">

Os valores dos atributos

Valor Descrição
text Especifica um texto alternativo para uma imagem.

Diretrizes para o texto alt:

  • O texto deve descrever a imagem se a imagem contém informações
  • O texto deve explicar de onde o link vai se a imagem está dentro de um <a> elemento
  • Use alt="" se a imagem é apenas para decoração

<HTML <img> tag