Hola
No encuentro suficientes justificativos para una o para otra forma; es
decir, ninguna de las dos soluciones me convencen, por el hecho que no
parecen ser muy "web".
Me explico: parto de la premisa de que no necesariamente el despliegue
será en un cliente tipo browser. Así, si el cliente es una impresora o
si es un robot (ni hablar de braile u otros), posiblemente las
soluciones desencajen o tengan comportamientos extraños.
Desde ese punto de vista, la iconografía corresponde a un cliente
gráfico y debería ser manejado desde el CSS y no desde el HTML.
Estructuralmente, el ícono no es relevante; lo relevante es el enlace.
Por esa razón, si es necesario mostrar el ícono (que decora el enlace y
por tanto es parte del enlace), el asunto es *presentacional* y no
*estructural*. (Y al mismo tiempo respondemos donde queda el <span> y el
<br />.)
Mi solución sería algo así:
Estructura (XHTML)
<a class="icono1">Nombre del link</a>
Presentación (CSS2)
.icono1 { background-image: url( irudiak/fake.gif ); background-repeat:
no-repeat; padding: 1em 0 0 0; }
Un código más limpio, fácil de analizar, estructuralmente correcto y por
tanto más rápido de representar y que coloca las cosas en su lugar.
Saludos
Martin Etxauri escribió:
> aupa
>
> una preguntilla a ver que os parece por aquí, he estado buscando pero
> no he encontrado gran cosa, la verdad que tipo de movidas al final son
> bastante relativas y cuestión de gustos a veces... no se.
>
> Os cuento, el tema es que tengo una serie de links en los que tengo
> una imagen (un icono) y el nombre propiamente dicho de la sección o
> categoría.
>
> ¿cual os parece mas correcto de estas dos?
>
> este:
>
> <a href="#"><img src="irudiak/fake.gif" /></a><br />
> <span><a href="#">Nombre del link</a></span>
>
> o este:
>
> <a href="#"><img src="irudiak/fake.gif" /><br />
> <span>Nombre del link</span></a>
>
> una cosa que me convence del segundo es que todo es el mismo link, y
> esa es la realidad, con el primero da la sensación de que tienes dos
> links que llevan al mismo sitio.
>
> también sucede con el segundo que cuando te pones sobre el texto, el
> estado hover también afecta al a imagen y viceversa y eso mola, pero
> no estoy convencido de que meter todo eso dentro de <a> sea
> correcto... si ¿no?
>
> a ver que os parece
>
> saludos y gracias
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
