Ir directamente al contenido de esta página

codexexempla.org

 

A la hora de rediseñar una página creada antes de, pongamos, 2004, se hace necesaria una primera fase de limpieza del código: eliminar las etiquetas font, sustituir b por strong, etcétera, etcétera. Personalmente, yo solía eliminar de manera automática todo  , pues en muchas ocasiones se ha empleado, como blockquote, para crear tabulaciones, márgenes o espacio de relleno entre dos elementos:


    <p>Idioma: <a href="es.htm">Español</a>&nbsp;&nbsp;<a href="en.htm">English</a><br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="fr.htm">Français</a>&nbsp;<a href="ru.htm">Русский</a>

    <p>Lista de los gases nobles:
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Helio<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Neón<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Argón<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Kriptón<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Xenón<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;• Radón<

    <p><a href="01.htm">Anterior</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="03.htm">Siguiente</a>
            

A todos nos suenan marcado de este tipo, ¿verdad?

Obviamente, actualmente a casi nadie se le ocurriría recargar el marcado de una página de esta manera pudiendo emplear hojas de estilo, así que no parece mala idea eliminar esos espacios en blanco.

Y sin embargo, ya no hago una eliminación masiva de estos espacios en blanco tan a la ligera. ¿Por qué? Pues porque &nbsp; no es un mero espacio en blanco —para eso no necesitaría una referencia de entidad—, sino que tiene su semántica y su función.

Si revisamos la lista de referencias de entidad del W3C para los caracteres de la ISO 8859-1 (inglés), nbsp se define como no-break space, es decir, como un espacio que no debe romperse, por ejemplo, con un salto de línea.

¿Y de qué sirve todo esto? Bueno, si tenemos en cuenta que la usabilidad está en los detalles, nos damos cuenta de que el humilde &nbsp; puede mejorar significativamente la legibilidad de un texto.

Un ejemplo práctico: ¿qué coordenadas son más fáciles de leer?

Un texto en el que las coordenadas de Kioto se parten en dos líneas
Un texto en el que las coordenadas de Kioto se encuentran en la misma línea

Lograr esta mejora es tan sencillo como marcar:


    35º&nbsp;1'&nbsp;N&nbsp;y&nbsp;135º&nbsp;45'&nbsp;E
            

Una nota importante para quien esté pensando «¿por qué no marcarlo así?»:


    <br />35º 1' N y 135º 45' E
            

En resumidas cuentas, nos aseguraríamos igual que las coordenas aparecen completas a principio de línea… Bueno, se me ocurren dos objeciones:

En resumen, hay casos en los que necesitaremos crear espacios en blanco «irromplibles» en los que la solución correcta es aplicar &nbsp;. Algunos ejemplos que se me ocurren:

Seguro que a cualquier profesional se le ocurren más casos.

Contacto

En virtud de la Ley Orgánica 15/1999 de Protección de Datos de Carácter Personal le informo de que los datos que proporcione no serán empleados para otro fin que el de responder a su mensaje. En especial, me comprometo a no cederlos a terceros ni a emplearlos para enviar información no solicitada.

Del blog de Digital Icon