Uso de la etiqueta <br> en HTML: Salto de línea

Sinopsis

La etiqueta <br> en HTML se utiliza para insertar un salto de línea en el contenido de una página web. Es una herramienta fundamental para el formateo del texto, permitiendo dividir párrafos y mejorar la legibilidad.

Documentación

La etiqueta <br>, abreviatura de “break” (quiebre), es un elemento de bloque vacío en HTML, lo que significa que no tiene una etiqueta de cierre. Su propósito principal es crear un nuevo salto de línea sin iniciar un nuevo párrafo. Esta característica es especialmente útil en situaciones donde se requiere un control más preciso sobre el espaciado del texto, como en direcciones, poemas o letras de canciones.

Uso

La sintaxis básica de la etiqueta <br> es la siguiente:

<br>

Dado que es un elemento vacío, no se necesita un cierre. Se puede incluir en cualquier parte del contenido textual donde se desee forzar un salto de línea.

Detalles

• Atributos: La etiqueta <br> puede tener un atributo llamado clear, que especifica cómo se debe gestionar el salto de línea con respecto a otros elementos flotantes. Sin embargo, no es comúnmente utilizado en la práctica actual.
• Accesibilidad: Es recomendable utilizar <br> con moderación, ya que un uso excesivo puede dificultar la accesibilidad del contenido para los lectores de pantalla.

Ejemplos

Ejemplo 1: Texto simple

<p>Hola, este es un ejemplo de texto.<br>Este texto está en una nueva línea.</p>

Ejemplo 2: Dirección

<p>Nombre del destinatario<br>Calle Ejemplo 123<br>Ciudad, País</p>

Ejemplo 3: Poema

<p>El viento sopla<br>Las hojas caen<br>La noche llega</p>

Explicación

Uno de los errores comunes al usar <br> es sobreutilizarla para crear espacios entre párrafos. En lugar de usar múltiples saltos de línea, es preferible utilizar márgenes y espaciados de CSS para mantener un diseño más limpio y semánticamente correcto. Además, el uso excesivo de <br> puede afectar la accesibilidad del contenido, ya que puede confundir a los lectores de pantalla sobre la estructura del texto.

Es crucial recordar que <br> no debe ser una solución para estructurar el contenido, y su uso debería limitarse a casos donde realmente se necesita un salto de línea sin afectar el contexto del contenido.

Resumen en una línea

La etiqueta <br> en HTML se utiliza para insertar saltos de línea en el contenido, mejorando la legibilidad sin iniciar un nuevo párrafo.