HTML: Espacios en blanco que no sirven para nada

Objetivo: mostrar que HTML sólo considera un único espacio en blanco seguido, por muchos que introduzcamos o por muchas veces que pulsemos Enter.

Vimos que la etiqueta <body>, junto con su terminación </body>, delimitaba el bloque en el que figuraba el contenido visible de la página. Ya hicimos nuestros primeros pinitos escribiendo algo de texto ahí.

Pero hay algo que debes saber en relación a los espacios en blanco: por muchos que insertes entre palabras, sólo contarán como uno para HTML. Incluso si usas tabuladores, sólo figurarán como un único espacio en blanco.

Es más, y esto quizás te sorprenda: aunque utilices la tecla ENTER para tratar de abrir líneas, no van a provocar ningún efecto en el resultado final y sólo serán consideradas como un único espacio en blanco seguido también. Observalo en el siguiente ejemplo haciendo clic sobre el enlace.

Este es el código que genera esa página:

<!DOCTYPE html>
<html>
<head>
<title>Haciendo pruebas</title>
</head>
<body>
La casa        de          la

pradera

era 
una

serie

antológica de años      memorables atrás...

Siempre me he preguntado cuál era mejor, "La casa de la pradera"
o "Mazinger Z".
</body>
</html>

Tanto espacio en blanco no ha servido de nada. Tampoco hemos sido capaces de insertar un solo salto de línea por mucho que lo hemos intentado. Hará falta recurrir a nuevas etiquetas que explicaremos proximamente.

Para terminar por hoy, quiero mostrarte la forma correcta de trabajar a la hora de utilizar un editor de texto para el código y visualizar los resultados en el navegador.

Hay que tener abiertas las dos ventanas: el editor y el navegador. No hace falta que estén visibles simultáneamente si no dispones de espacio suficiente en la pantalla; bastará con minimizar la que no esté activa en ese momento.

Cuando modifiques el código y quieras comprobar su efecto, no es necesario que abandones el editor; guarda el fichero pero no lo cierres. Para visualizar el resultado en la ventana del navegador, simplemente recarga la página haciendo clic en el botón de actualizar.

Javier Montero Gabarró


Fecha de la última revisión: 30 de noviembre de 2012


HTML: Espacios en blanco que no sirven para nada


El texto de este artículo se encuentra sometido a una licencia Creative Commons del tipo CC-BY-NC-ND (reconocimiento, no comercial, sin obra derivada, 3.0 unported)


El Club del Autodidacta


Índice completo de artículos relacionados con HTML.

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies