[Ovillo] Semantica h1

[Gael]

Hola!

Uf, este hilo me recuerda a un artículo de David Shea de hace un puñao 
de años, Revised Image Replacement:
http://www.mezzoblue.com/tests/revised-image-replacement/

Al principio tiene un link a un artículo de este año, sobre lo que 
Google interpreta con los métodos expuestos: 
http://mezzoblue.com/archives/2008/05/05/image_replac/

Un saludo!


Gael


sebastian garcia-valenciano escribió:
> de las varias soluciones que habeis aportado:
>
> 1. El uso de javascript: lo veo muy instrusivo en el código, y más
> pudiéndose usar otra alternativa
> 2. Poner el logo de fondo al H1 me parece correcto, pero "esconder" el texto
> con  text-indent: -1000px;  es dañino porque si accedemos con la opción "no
> mostrar imágenes"  lo perdemos todo.
> 3.  propongo una alterntiva similar a la anterior mejor más correcta: (la
> usada en panoramio.com)
>
> Crear un <h1>, y dentro de éste un <span>. A este <span> se se coloca la
> imagen de fondo. Al <h1> y al <span> se le da el mismo tamaño, y usando
> z-index colocamos visualmente el span por delante del <h1>. Al ver la web
> sin imágenes, veremos el texto del H1 en su sitio.
> En cuando a accesible lo veo mu correcto, semánticamente no veo incorrecto
> meter un <span>  sin contenido dentro de un H1.
>
> el código (extraído de panoramio.com )
>
> <h1 id="panoramio"><span class="img"></span>Panoramio</h1>
>
>
>
> h1 span.img
> {
> display: block;
> position: absolute;
> left: 0pt;
> top: 0pt;
> z-index: 1;
> }
>
> h1#panoramio, h1#panoramio span.img
> {
> width: 307px;
> height: 72px;
> }
>
> h1#panoramio span.img
> {
> background-image: url(/img/logo-panoramio-google.v1.gif);
> }
>
>
> saludos
> sebas