Salto de línea en HTML: ex­pli­ca­ción, sintaxis y ejemplos

En HTML, un salto de línea, también conocido por su término en inglés HTML Line Break, permite crear saltos de línea forzados para empezar en una nueva línea sin la necesidad de crear un nuevo párrafo. Los saltos de línea en HTML ayudan a es­tru­c­tu­rar y dar formato a los textos, además de optimizar la co­n­si­s­te­n­cia de la es­tru­c­tu­ra del texto en distintos na­ve­ga­do­res.

¿Qué es un salto de línea en HTML?

En HTML, los saltos de línea forzados, también conocidos como HTML Line Break, son elementos es­pe­cia­les de HTML que permiten comenzar una nueva línea sin crear un nuevo párrafo en do­cu­me­n­tos HTML. Con un salto de línea forzado, in­te­rru­m­pes el flujo del texto según lo necesites para comenzar en una nueva línea. Para ello, se utiliza la etiqueta <br> en HTML, cuya abre­via­tu­ra “br” proviene de la palabra inglesa “break” (salto). En lugar de extender el texto hasta el final de la línea, con <br> en HTML se traslada el contenido a una nueva línea, ma­n­te­nie­n­do el texto como un solo párrafo.

La etiqueta <br> es co­m­pa­ti­ble con todos los na­ve­ga­do­res modernos, es válida en HTML5 y no requiere ningún atributo adicional. Además, es una etiqueta vacía que no necesita la etiqueta de cierre </br>. Puede usarse al principio o al final de las líneas e incluso en elementos en línea, como <strong>, <span> o <em>, para colocar saltos de línea manuales con precisión.

¿Para qué sirve un salto de línea en HTML?

La etiqueta <br> en HTML tiene di­fe­re­n­tes usos según las ne­ce­si­da­des del texto y los saltos de línea que se requieran. En general, el salto de línea es una he­rra­mie­n­ta im­po­r­ta­n­te para gestionar los saltos de línea en los textos sin recurrir a estilos CSS más complejos, como margin o padding.

El uso de saltos de línea en HTML puede cumplir las si­guie­n­tes funciones:

• Formato y es­tru­c­tu­ra de textos: el salto de línea en HTML permite insertar saltos de línea en textos de manera rápida y eficiente, mejorando la le­gi­bi­li­dad, la es­tru­c­tu­ra y la claridad del texto.
• Textos HTML co­m­pa­ti­bles y co­n­si­s­te­n­tes: mediante saltos de línea en HTML, aseguras una re­pre­se­n­ta­ción co­n­si­s­te­n­te y fiel de los textos en di­fe­re­n­tes na­ve­ga­do­res y motores de búsqueda. También es útil en proyectos con múltiples de­sa­rro­lla­do­res. Además, al ser HTML una parte fu­n­da­me­n­tal de los na­ve­ga­do­res, mantienes una es­tru­c­tu­ra de texto uniforme en di­fe­re­n­tes di­s­po­si­ti­vos y pla­ta­fo­r­mas.
• Semántica HTML clara: con <br> en HTML señalas dónde deseas un salto de línea sin iniciar un nuevo párrafo. Esto optimiza la co­he­re­n­cia del cuerpo de texto y evita pro­gra­ma­cio­nes confusas.
• Saltos de línea fáciles de im­ple­me­n­tar: el uso de <br> en HTML es pa­r­ti­cu­la­r­me­n­te sencillo, ya que no requiere atributos adi­cio­na­les ni in­s­tru­c­cio­nes complejas, co­n­tri­bu­ye­n­do a una es­tru­c­tu­ra HTML clara y limpia.

¿Cuáles son los casos de uso de los saltos de línea en HTML?

En HTML, los saltos de línea forzados son útiles en los si­guie­n­tes casos y si­tua­cio­nes:

• Poemas o letras de canciones: con <br> puedes es­ta­ble­cer saltos de línea ne­ce­sa­rios para la co­m­pre­n­sión y el formato fiel de poemas o letras de canciones.
• Di­re­c­cio­nes: los saltos de línea en HTML permiten un formato adecuado de di­re­c­cio­nes en varias líneas re­la­cio­na­das.
• Datos de contacto: ya sea un número de teléfono, un correo ele­c­tró­ni­co o una página web, con <br> en HTML puedes presentar la in­fo­r­ma­ción de contacto de manera clara en líneas separadas.
• Tablas y diseños de texto: en celdas de tablas o en casos de formatos de texto es­pe­cí­fi­cos, la etiqueta <br> en HTML permite diseñar el formato de texto deseado.

Aunque <br> es adecuada para muchos casos, los saltos de línea en HTML deben usarse con mo­de­ra­ción para no afectar la co­he­re­n­cia semántica. En el caso de diseños de texto complejos, el estilo CSS o el uso de la etiqueta HTML-style pueden ser una opción más adecuada para la pre­se­n­ta­ción de los elementos de texto.

Sintaxis de los saltos de línea en HTML

Los saltos de línea en HTML son etiquetas <br> vacías, sin atributos HTML adi­cio­na­les ni necesidad de una etiqueta de cierre. La si­m­pli­ci­dad de la sintaxis es una de las ventajas de los saltos de línea forzados en HTML. La sintaxis es la siguiente:

Esta es la primera línea.<br>
Aquí comienza la siguiente línea.

El resultado co­rre­s­po­n­die­n­te es el siguiente:

Close

Párrafos vs. saltos de línea

Para la es­tru­c­tu­ra­ción y el formato de textos en HTML, los saltos de línea forzados con <br> y los párrafos con la etiqueta <p> cumplen un papel im­po­r­ta­n­te. Es im­po­r­ta­n­te recordar que con la etiqueta <br> en HTML creas un salto de línea dentro de un solo párrafo, mientras que con la etiqueta <p> no solo creas un salto de línea, sino un nuevo párrafo.