{"id":11443,"date":"2023-01-17T13:00:00","date_gmt":"2023-01-17T12:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=11443"},"modified":"2023-01-10T17:56:02","modified_gmt":"2023-01-10T16:56:02","slug":"salto-de-linea-html","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/","title":{"rendered":"Salto de l\u00ednea HTML"},"content":{"rendered":"\n<p>Realizando una p\u00e1gina web, a todos nos ha tentado el partir una frase para presentarla <strong>en dos l\u00edneas diferentes<\/strong>. Para ello tenemos una <strong>etiqueta propia de HTML<\/strong> que se encarga de crear un salto de l\u00ednea, sin embargo, no siempre es la mejor opci\u00f3n. Te hablamos de esta etiqueta y sus alternativas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Br HTML<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Qu\u00e9 es &lt;br><\/h3>\n\n\n\n<p>Es una etiqueta espec\u00edfica de HTML que <strong>permite realizar un salto de l\u00ednea<\/strong>. La etiqueta proviene de \u00abbreak\u00bb (<em>line break<\/em>). Es una etiqueta sin cierre, la ruptura de la l\u00ednea se crea all\u00ed donde se encuentra la etiqueta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Para qu\u00e9 sirve el br en HTML<\/h3>\n\n\n\n<p>Parece que est\u00e1 claro que <strong>la funci\u00f3n de esta etiqueta es romper la l\u00ednea<\/strong> y continuar escribiendo abajo. As\u00ed es, pero esto suele llevar a un <strong>uso abusivo<\/strong> de esta etiqueta que presenta problemas de comprensi\u00f3n para los robots y algoritmos. Hay casos donde puede tener su sentido, por ejemplo para escribir la direcci\u00f3n postal en el footer, separando las l\u00edneas como si de un poema se tratara. Otras veces, <strong>cuando los criterios son est\u00e9ticos, no es la mejor opci\u00f3n<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo usar &lt;br><\/h3>\n\n\n\n<p>Lo usemos correcta o incorrectamente, <strong>hay un error en el que solemos caer<\/strong> y que tenemos que tener en cuenta para usar esta etiqueta.<\/p>\n\n\n\n<p>Lo veremos bien con un caso pr\u00e1ctico. Si tenemos una p\u00e1gina con e siguiente encabezado&#8230;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h2>C\u00f3mo usar un salto&lt;br>de l\u00ednea&lt;\/h2><\/code><\/pre>\n\n\n\n<p>En la p\u00e1gina se mostrar\u00e1 en dos l\u00edneas diferenciadas.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"608\" height=\"159\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/01\/image-1.png\" alt=\"C\u00f3mo usar un salto de l\u00ednea en HTML\" class=\"wp-image-12964\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/01\/image-1.png 608w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/01\/image-1-300x78.png 300w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/figure>\n<\/div>\n\n\n<p>Sin embargo los resultados de Google omiten las etiquetas HTML, por lo que, no solo no aparecer\u00e1 como H2, tampoco se mostrar\u00e1 el <em>br<\/em>, lo que lo dejar\u00eda \u00abC\u00f3mo usar un saltode l\u00ednea\u00bb, juntando la \u00faltima palabra de la primera l\u00ednea y la primera de la segunda.<\/p>\n\n\n\n<p>Este problema lo evitar\u00edamos f\u00e1cil a\u00f1adiendo un espacio vac\u00edo antes de &lt;br>. Una soluci\u00f3n sencilla pero, como decimos, solemos pasar por alto.<\/p>\n\n\n\n<p>Vamos a ver un ejemplo de c\u00f3mo usar bien la etiqueta <em>br<\/em>. Habl\u00e1bamos antes de los poemas, aqu\u00ed usamos <em>br <\/em>para dar forma a un extracto de uno de Miguel Hern\u00e1ndez:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h2>CANCI\u00d3N \u00daLTIMA&lt;h2>\n&lt;p>Pintada, no vac\u00eda: &lt;br>\npintada est\u00e1 mi casa &lt;br>\ndel color de las grandes &lt;br>\npasiones y desgracias.&lt;\/p>\n&lt;p>Regresar\u00e1 del llanto &lt;br>\nadonde fue llevada &lt;br>\ncon su desierta mesa, &lt;br>\ncon su ruinosa cama.&lt;\/p><\/code><\/pre>\n\n\n\n<p>Quedar\u00eda de la siguiente manera:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Pintada, no vac\u00eda: <br>pintada est\u00e1 mi casa <br>del color de las grandes <br>pasiones y desgracias.<\/p><p>Regresar\u00e1 del llanto <br>adonde fue llevada <br>con su desierta mesa, <br>con su ruinosa cama.<\/p><\/blockquote>\n\n\n\n<p>N\u00f3tese que se han mantenido espacios antes de las etiquetas <em>br <\/em>para que, cuando el texto se muestre corrido, su sintaxis sea correcta. Por otro lado se puede ver c\u00f3mo los p\u00e1rrafos dan unidad a los bloques de cuatro l\u00edneas, separadas cada una por el br.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML salto de linea sin br<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Salto de l\u00ednea con etiqueta p<\/h3>\n\n\n\n<p>Una alternativa muy habitual es envolver cada l\u00ednea con una etiqueta &lt;p>. A veces incluso sin darnos cuenta: Si usas <a href=\"https:\/\/carontestudio.com\/blog\/wordpress-6-1-misha\/\">WordPress<\/a> sabr\u00e1s que tiene una funci\u00f3n, el famoso <strong>\u00abauto p\u00bb<\/strong> de WordPress, que asigna etiquetas de p\u00e1rrafo a cada salto de l\u00ednea que puede. Para mi gusto una funci\u00f3n de lo m\u00e1s molesta. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p>C\u00f3mo usar un salto&lt;\/p>\n&lt;p>de l\u00ednea&lt;\/p><\/code><\/pre>\n\n\n\n<p>Si conoces algo de <a href=\"https:\/\/carontestudio.com\/blog\/estructura-basica-html\/\">HTML<\/a> sabr\u00e1s que esta etiqueta es la etiqueta de p\u00e1rrafo. Aqu\u00ed se plantea un problema visual, ya que los p\u00e1rrafos se suelen presentar con un espacio por la parte baja que lo separa del siguiente contenido, y <strong>no suele ser el aspecto que deseamos cuando pensamos en &lt;br><\/strong>. En el ejemplo del poema, mostrado m\u00e1s arriba, puedes ver las diferencias de ambas etiquetas conviviendo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Salto de l\u00ednea con etiqueta div<\/h3>\n\n\n\n<p>Podemos encerrar las diferentes l\u00edneas en otros <strong>elementos de bloque<\/strong>, como un div. Esta no es una soluci\u00f3n que me guste demasiado, puede ser que en alg\u00fan caso tenga su sentido, pero puede ser una alternativa peor que la original. Me explico: normalmente las l\u00edneas van a pertenecer a un conjunto, sea una frase larga o un elemento de un listado o numeraci\u00f3n. <strong>El encerrarlos en contenedores diferentes le separan de sus hermanos y les priva de esa unidad<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div>C\u00f3mo usar un salto&lt;\/div>\n&lt;div>de l\u00ednea&lt;\/div><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Salto de l\u00ednea por CSS<\/h3>\n\n\n\n<p>Hay que recordar que <strong>las etiquetas HTML tienen un significado sem\u00e1ntico y no se deber\u00edan usar para dar aspectos visuales<\/strong>. Para eso tenemos el <a href=\"https:\/\/carontestudio.com\/blog\/que-significa-css-guia-basica\/\">CSS<\/a>. Por ello, si lo que quieres es <strong>crear dos l\u00edneas por un criterio est\u00e9tico<\/strong>, te recomendamos usar la etiqueta span que, aunque es un elemento de l\u00ednea, podemos convertirlo en bloque a trav\u00e9s del <strong>CSS<\/strong>.<\/p>\n\n\n\n<p>En nuestro ejemplo quedar\u00eda tal que as\u00ed:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style>\n    .bloque{display:block}\n&lt;\/style>\n\n&lt;span class=\"bloque\">C\u00f3mo usar un salto&lt;\/span> &lt;span class=\"bloque\">de l\u00ednea&lt;\/span><\/code><\/pre>\n\n\n\n<p>Al ser dos elementos <em>span <\/em>independientes, adem\u00e1s, podemos darles estilos diferentes, por ejemplo d\u00e1ndole un color m\u00e1s llamativo al primero de ellos, cosa que con &lt;br> no pod\u00edamos, al pertenecer todo al mismo elemento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n: C\u00f3mo hacer un salto de l\u00ednea en HTML<\/h2>\n\n\n\n<p class=\"has-black-color has-text-color\">La etiqueta <em>br <\/em>es muy c\u00f3moda y f\u00e1cil de usar, pero te animamos a no usarla ;). Tampoco es que haya que desterrarla por siempre de nuestro temario de programaci\u00f3n, pero te invitamos a <strong>limitarla solo a temas de contenido y, cuando se trate de razones est\u00e9ticas, usar alternativas<\/strong> como la \u00faltima planteada, con CSS y <em>span<\/em>.<\/p>\n\n\n\n<div class=\"wp-block-columns sabermas is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/atributos-html\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5-1024x604.jpg\" alt=\"Listado de atributos HTML5\" class=\"wp-image-5300\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/06\/listado-atributos-html5.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/listado-de-etiquetas-html\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"601\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/listado-etiquetas-html-1024x601.jpg\" alt=\"Listado etiquetas HTML\" class=\"wp-image-1994\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/listado-etiquetas-html-1024x601.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/listado-etiquetas-html-300x176.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/listado-etiquetas-html-768x451.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/listado-etiquetas-html.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Realizando una p\u00e1gina web, a todos nos ha tentado el partir una frase para presentarla en dos l\u00edneas diferentes. Para ello tenemos una etiqueta propia de HTML que se encarga de crear un salto de l\u00ednea, sin embargo, no siempre es la mejor opci\u00f3n. Te hablamos de esta etiqueta y sus alternativas.<\/p>\n","protected":false},"author":2,"featured_media":12968,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94],"tags":[92],"class_list":["post-11443","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-html"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Salto de l\u00ednea HTML - Etiqueta &lt;br&gt; y alternativas<\/title>\n<meta name=\"description\" content=\"Te hablamos de c\u00f3mo hacer un salto de l\u00ednea en HTML, no solo con la etiqueta br, tambi\u00e9n te presentamos algunas alternativas interesantes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Salto de l\u00ednea HTML - Etiqueta &lt;br&gt; y alternativas\" \/>\n<meta property=\"og:description\" content=\"Te hablamos de c\u00f3mo hacer un salto de l\u00ednea en HTML, no solo con la etiqueta br, tambi\u00e9n te presentamos algunas alternativas interesantes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-17T12:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/09\/salto-de-linea-html.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alberto Bravo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alberto Bravo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/\"},\"author\":{\"name\":\"Alberto Bravo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\"},\"headline\":\"Salto de l\u00ednea HTML\",\"datePublished\":\"2023-01-17T12:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/\"},\"wordCount\":887,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/salto-de-linea-html.jpg\",\"keywords\":[\"HTML\"],\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/\",\"name\":\"Salto de l\u00ednea HTML - Etiqueta &lt;br&gt; y alternativas\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/salto-de-linea-html.jpg\",\"datePublished\":\"2023-01-17T12:00:00+00:00\",\"description\":\"Te hablamos de c\u00f3mo hacer un salto de l\u00ednea en HTML, no solo con la etiqueta br, tambi\u00e9n te presentamos algunas alternativas interesantes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/salto-de-linea-html.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/salto-de-linea-html.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Salto de l\u00ednea en HTML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/salto-de-linea-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Salto de l\u00ednea HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\",\"name\":\"Alberto Bravo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"caption\":\"Alberto Bravo\"},\"sameAs\":[\"http:\\\/\\\/albertobravoart.com\",\"https:\\\/\\\/www.instagram.com\\\/albertobravoart\\\/\",\"https:\\\/\\\/es.linkedin.com\\\/in\\\/albertobravobarreiro\",\"https:\\\/\\\/www.youtube.com\\\/@albertobravoart224\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/alberto\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Salto de l\u00ednea HTML - Etiqueta &lt;br&gt; y alternativas","description":"Te hablamos de c\u00f3mo hacer un salto de l\u00ednea en HTML, no solo con la etiqueta br, tambi\u00e9n te presentamos algunas alternativas interesantes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/","og_locale":"es_ES","og_type":"article","og_title":"Salto de l\u00ednea HTML - Etiqueta &lt;br&gt; y alternativas","og_description":"Te hablamos de c\u00f3mo hacer un salto de l\u00ednea en HTML, no solo con la etiqueta br, tambi\u00e9n te presentamos algunas alternativas interesantes.","og_url":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2023-01-17T12:00:00+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/09\/salto-de-linea-html.jpg","type":"image\/jpeg"}],"author":"Alberto Bravo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alberto Bravo","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/"},"author":{"name":"Alberto Bravo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350"},"headline":"Salto de l\u00ednea HTML","datePublished":"2023-01-17T12:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/"},"wordCount":887,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/09\/salto-de-linea-html.jpg","keywords":["HTML"],"articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/","url":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/","name":"Salto de l\u00ednea HTML - Etiqueta &lt;br&gt; y alternativas","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/09\/salto-de-linea-html.jpg","datePublished":"2023-01-17T12:00:00+00:00","description":"Te hablamos de c\u00f3mo hacer un salto de l\u00ednea en HTML, no solo con la etiqueta br, tambi\u00e9n te presentamos algunas alternativas interesantes.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/09\/salto-de-linea-html.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/09\/salto-de-linea-html.jpg","width":1250,"height":737,"caption":"Salto de l\u00ednea en HTML"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/salto-de-linea-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Salto de l\u00ednea HTML"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350","name":"Alberto Bravo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","caption":"Alberto Bravo"},"sameAs":["http:\/\/albertobravoart.com","https:\/\/www.instagram.com\/albertobravoart\/","https:\/\/es.linkedin.com\/in\/albertobravobarreiro","https:\/\/www.youtube.com\/@albertobravoart224"],"url":"https:\/\/carontestudio.com\/blog\/author\/alberto\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/11443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=11443"}],"version-history":[{"count":7,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/11443\/revisions"}],"predecessor-version":[{"id":12972,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/11443\/revisions\/12972"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/12968"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=11443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=11443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=11443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}