[Ovillo] markup correcto de una imagen reemplazando un texto

[Martin Sarsale]

Estimad en s:

Tengo un menu de navegacion en un <ul>, cada item es un <li>. Ahora,
quiero mostrar imagenes en vez de textos ahi, cual es la manera
correcta de markupearlo?

1) <li><a href='/home'><img src='home.png' alt='home' /></a></li>

2) <li><a href='/home' title='home'><img src='home.png' /></a></li>

3) <li><a href='/home' id='home'><span>Home</span></a></li>
y un estilo:
#home {
background-image: url("home.png");
...
}
#home span{
display:none;
}


Creo que la mas correcta es 3), no? me parece que 2) es la que le
sigue, pero es incorrecto que aparezca una imagen en el sitio que no
agrega informacion. 1) definitivamente es la peor.

Algunas respuestas? algunas pistas? algunos links?

gracias! :)
-- 
Martin Sarsale - martin en malditainternet.com