Espacios en blanco HTML. Practicando con caracteres especiales.

En este ejercicio vamos a aplicar el concepto de códigos de carácter HTML y Nombres HTML.

Cuando aprendemos el uso del <meta charset="utf-8"/> solemos pensar que nunca necesitaremos usar Nombres HTML especiales.

Sin embargo hay ocasiones en las que no hay alternativa o que es una solución práctica. Por ejemplo:

• Cuando queremos escribir una etiqueta en formato texto y no queremos prescindir de < o >.
• En los títulos de una publicación o título de una página web cuando escribimos en una página hecha en wordpress.
• Cuando necesitamos escribir caracteres poco habituales.
• Para caracteres de uso común como el copyright y similares.

Te sugiero leer esta entrada dónde se explica la teoría y encontrarás ejemplos.

Entremos en materia.

El navegador interpreta dos espacios en blanco como uno solo.

Para forzar espacios en blanco con HTML debemos escribirlos mediante su nombre HTML &nbsp; (non-breaking space)

<h2>Lorem ipsum</h2>
<h2>Lorem &nbsp; ipsum</h2>
<h2>Lorem &nbsp;&nbsp;&nbsp;ipsum</h2>
<h2>Lorem &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ipsum</h2>
<h2>Lorem &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ipsum</h2>

¡Hola!

Querido lector,

Este ejercicio está inspirado en un error típico que muchos cometemos cuando empezamos a aprender html. ¡Deseo que te sea de utilidad!

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!