Salto de línea en HTML: explicació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 estructurar y dar formato a los textos, además de optimizar la consistencia de la estructura del texto en distintos navegadores.
¿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 especiales de HTML que permiten comenzar una nueva línea sin crear un nuevo párrafo en documentos HTML. Con un salto de línea forzado, interrumpes 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 abreviatura “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, manteniendo el texto como un solo párrafo.
La etiqueta <br> es compatible con todos los navegadores 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 diferentes usos según las necesidades del texto y los saltos de línea que se requieran. En general, el salto de línea es una herramienta importante 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 siguientes funciones:
- Formato y estructura 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 legibilidad, la estructura y la claridad del texto.
- Textos HTML compatibles y consistentes: mediante saltos de línea en HTML, aseguras una representación consistente y fiel de los textos en diferentes navegadores y motores de búsqueda. También es útil en proyectos con múltiples desarrolladores. Además, al ser HTML una parte fundamental de los navegadores, mantienes una estructura de texto uniforme en diferentes dispositivos y plataformas.
- 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 coherencia del cuerpo de texto y evita programaciones confusas. - Saltos de línea fáciles de implementar: el uso de
<br>en HTML es particularmente sencillo, ya que no requiere atributos adicionales ni instrucciones complejas, contribuyendo a una estructura HTML clara y limpia.
- Tu dominio protegido con Certificado SSL Wildcard gratis
- Función Domain Connect para una configuración DNS simplificada gratis
- Registro privado y gratis para mayor seguridad
¿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 siguientes casos y situaciones:
- Poemas o letras de canciones: con
<br>puedes establecer saltos de línea necesarios para la comprensión y el formato fiel de poemas o letras de canciones. - Direcciones: los saltos de línea en HTML permiten un formato adecuado de direcciones en varias líneas relacionadas.
- Datos de contacto: ya sea un número de teléfono, un correo electrónico o una página web, con
<br>en HTML puedes presentar la informació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 específicos, 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 moderación para no afectar la coherencia 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 presentación de los elementos de texto.
- 3x más rápido, ahora un 60 % de ahorro
- Alta disponibilidad >99.99 %
- Solo en IONOS: hasta 500 GB incluidos
Sintaxis de los saltos de línea en HTML
Los saltos de línea en HTML son etiquetas <br> vacías, sin atributos HTML adicionales ni necesidad de una etiqueta de cierre. La simplicidad 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 correspondiente es el siguiente:
¿Quieres aprender más sobre HTML? Te recomendamos echar un vistazo a nuestro tutorial de HTML para principiantes, que ofrece una visión general rápida de este popular lenguaje de marcado web.
Párrafos vs. saltos de línea
Para la estructuració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 importante. Es importante 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.