Diferença entre alt e title

Olá galera,

hoje teremos um post pequeno, explicando algo simples mas, que causa geralmente certa confusão.

Qual a diferença entre o atributo alt e title ?

Isso causa certa confusão por causa de nosso amigo IE que, em sua versão 7 e anteriores, exibia o que tinha sido especificado no valor do atributo alt, como uma tooltip. Este comportamento está errado visto que, o atributo alt representa o valor exibido caso uma imagem não seja carregada. Exemplo:

Tento carregar a imagem logo1.jpg

<img src="logo1.jpg" />

Porém, ela não existe. Se tivéssemos especificado um valor no atributo alt, o valor ali especificado seria exibido.

<img src="logo1.jpg" alt="Sei que a imagem não existe" />

O atributo title funciona como uma tooltip, um texto explicativo. Para visualizar a tooltip, basta parar o mouse em cima do elemento HTML.

Referências:
http://www.w3schools.com/tags/att_img_alt.asp