[Ovillo] Semantica h1

[Ramón Corominas]

Hola, Tei y todos.

El único problema de esa técnica es que si los usuarios tienen las 
imágenes deshabilitadas, no verán nada, ni la imagen ni el h1, porque 
está fuera de la pantalla. Una posibilidad (que no deja de ser "esconder 
el polvo debajo del felpudo") es ponerle un estilo al texto del h1 que 
lo haga más pequeño que el logo al que sustituyes (rezando para que el 
logo sea suficientemente grande), y colocar el h1 debajo de la imagen 
del logo, que estaría colocada mediante CSS.

Algo así (a falta de testeo):

<h1 id="title">Nombre de la Empresa</h1>
<div id="logo"></div>

h1#title {
  font-size: 0.75em;
  position: absolute;
  z-index: -1;
}
#logo {
  background-image: url('logo.jpg');
  display: block;
  width: 6em;
  height: 2em;
  z-index: 1;
}

Saludos,
Ramón.