Skip to main content

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

En el Lenguaje de marcado de hipertexto (HTML), un salto de línea es una propiedad de etiqueta o hoja de estilo en cascada (CSS) que hace que el visor HTML o el navegador web caiga inmediatamente a la siguiente línea disponible y dibuje el siguiente elemento, comenzando en el definido margen. Hay dos formas generalmente aceptadas de insertar un salto de línea HTML en un documento. El primero es usar la etiqueta de ruptura (BR), obligando al navegador a iniciar los siguientes elementos en la siguiente línea, alineados con el borde izquierdo. La otra opción es usar diferentes propiedades CSS para definir bordes, canales o espacios alrededor de elementos a nivel de bloque para crear espacio abierto, aunque este método no afecta el ajuste de palabras en un documento.

Uno de los principios de diseño de HTML es que generalmente se permite al navegador tener cierto control sobre el diseño de las páginas web. Esto permite que los sitios bien diseñados tengan una apariencia muy fluida, independientemente del tamaño de la pantalla. Cuando se dibuja un párrafo, el navegador generalmente se encarga de encontrar el lugar adecuado para finalizar una línea, generalmente en el margen derecho de un bloque. El uso de un salto de línea HTML implícito interrumpe este proceso.

La etiqueta BR es la forma más sencilla de terminar una línea y moverse hacia abajo. El uso de la etiqueta generalmente se acepta para algunos formatos menores, aunque su uso está mal visto como la única forma de definir párrafos en un documento. La etiqueta de párrafo se prefiere para separar áreas de texto, ya que crea un bloque que puede manipularse con CSS u otras etiquetas, mientras que la etiqueta de salto de línea HTML está sola y no encierra un bloque. La etiqueta de interrupción se puede usar dentro de un bloque de párrafo, en gran medida para evitar que el navegador use dos interrupciones entre párrafos, que es el comportamiento predeterminado.

Otro método utilizado para causar un salto de línea es aumentar el tamaño de un cuadro de texto con propiedades CSS. Esto extiende efectivamente la parte inferior de un contenedor para que quede espacio en blanco después. Esto puede parecer lo mismo que usar una etiqueta de salto o párrafo, excepto que el texto dentro del contenedor no se modifica, por lo que el ajuste de palabras todavía está controlado en gran medida por el navegador.

Un área en la que puede ser necesario especificar un salto de línea HTML es cuando el texto se ajusta alrededor de una imagen en línea. Una manera fácil de crear párrafos con formato limpio que se sientan al lado de una imagen es usar el modificador CLEAR para la etiqueta de salto de línea HTML. Esto permite la especificación de si un salto de línea debe continuar normalmente o saltar a la siguiente línea disponible después de una imagen. También es posible crear estilos CSS que imiten este comportamiento, aunque en ciertas circunstancias podría no ser tan fluido.