En este tutorial aprenderás las distintas formas de forzar un salto de línea en un documento Markdown.
En Markdown, una simple pulsación de Enter no siempre se traduce en un salto de línea en el resultado renderizado. El motor de Markdown tiende a unir las líneas contiguas dentro del mismo párrafo, por lo que necesitas una sintaxis específica para indicar dónde quieres cortar la línea sin abrir un párrafo nuevo.
A continuación verás las tres formas más habituales de conseguirlo, desde la más estándar hasta la menos recomendada pero más fiable cuando el editor se comporta de forma extraña.
La forma canónica de forzar un salto de línea en Markdown consiste en añadir dos espacios al final de la línea antes de pulsar Enter. Esto produce un <br> en el HTML resultante sin abrir un párrafo nuevo.
En el siguiente ejemplo añadimos dos espacios al final de la primera línea (marcados con · para que se vean):
Primera línea del texto.··
Segunda línea del mismo párrafo.En tu archivo real, esos dos · deben ser dos espacios en blanco reales, no puntos.
Si tu editor lo soporta, el resultado se verá así:
El principal inconveniente es que los espacios al final son invisibles, así que es fácil eliminarlos por error con un formateador automático o con una limpieza de espacios en blanco.
Si lo que quieres es separar el texto en párrafos distintos, basta con dejar una línea en blanco entre los dos bloques. Esto no produce un <br>, sino un párrafo nuevo, con el espaciado vertical que defina tu hoja de estilos.
En el siguiente ejemplo separamos dos párrafos con una línea vacía:
Primer párrafo del documento.
Segundo párrafo, separado por una línea en blanco.El resultado renderizado sería el siguiente:
Primer párrafo del documento.
Segundo párrafo, separado por una línea en blanco.
Si tu editor soporta HTML, la opción más fiable y visible es usar directamente la etiqueta <br>. Es la forma recomendada cuando trabajas con archivos que pasan por varios formateadores, ya que la etiqueta no se pierde con limpiezas de espacios.
En el siguiente ejemplo forzamos un salto con <br>:
Primera línea del texto.<br>
Segunda línea del mismo párrafo.Si el editor soporta HTML, el resultado será el siguiente:
Como recomendación general: usa la línea en blanco siempre que quieras un párrafo nuevo, los dos espacios para saltos puntuales dentro del mismo párrafo y reserva <br> para los casos en los que quieras dejar el salto visible en el código fuente.
Esto ha sido todo.
👋 Hola! Soy Edu, me encanta crear cosas y he redactado este tutorial. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirlo en Twitter.
Sígueme en Twitter para estar al día con mi contenido. 😊