<br>

<br> es un void element (sin etiqueta de cierre, sin contenido) que inserta un salto de línea en el flujo del texto. Es el elemento más fácil de malinterpretar porque su efecto visual —mover el texto a la línea siguiente— puede conseguirse de otras formas (dos <p>, display: block en CSS), pero <br> tiene un uso semántico específico: los casos en que el salto de línea forma parte del contenido mismo.

Los usos correctos de <br> son pocos pero claros: poesía, letra de canciones, direcciones postales, cualquier texto donde la disposición en líneas tiene significado propio que no puede perderse. Si un poema dice “Dos y dos son cuatro, / cuatro y dos son seis” y quitás los saltos de línea, el poema cambia. Eso es <br>. Si en cambio querés separar dos ideas en dos párrafos distintos, eso es <p>. Si querés agregar espacio visual entre dos bloques, eso es margin en CSS.

Cómo funciona

<br> genera un salto de línea dentro del elemento que lo contiene, sin cerrar ese elemento. El texto que viene después del <br> continúa en la línea siguiente pero dentro del mismo bloque. No agrega espacio vertical (margen) — para espaciado entre bloques se usa CSS.

Por ser un void element, no lleva etiqueta de cierre. Ambas formas son válidas:

<br>   <!-- HTML5: sin barra de cierre -->
<br /> <!-- también válido, común en bases de código legadas -->

Modelo de contenido

<br> no tiene contenido ni hijos. Es válido dentro de cualquier elemento que acepte contenido en línea: <p>, headings, <li>, <td>, <label>, etc.

Sintaxis

<!-- Poesía: el salto de línea es parte del contenido -->
<p>
  Dos y dos son cuatro,<br>
  cuatro y dos son seis,<br>
  seis y dos son ocho<br>
  y ocho dieciséis.
</p>

<!-- Dirección postal: el salto de línea tiene significado propio -->
<address>
  Av. Corrientes 1234<br>
  Buenos Aires, Argentina
</address>

Atributos

<br> no tiene atributos propios. Acepta los atributos globales de HTML, aunque en la práctica casi nunca se usan en un <br>.

Accesibilidad

Los lectores de pantalla pausan brevemente en un <br> al leer linealmente el contenido. En poesía o direcciones, esa pausa comunica la estructura — lo mismo que el salto de línea visual. El abuso de <br> para simular separación entre párrafos no aporta esa estructura semántica.

Cuándo usarlo / cuándo NO

Notas, gotchas e interacción

• <br><br> para separar párrafos es el error más común. Crea separación visual pero no semántica: los lectores de pantalla no saben que hay un cambio de tema. La regla es simple: si el contenido cambió de idea, usá un <p> nuevo.
• No usarlo para espaciar. Si necesitás espacio entre elementos, ese es trabajo de margin/padding en CSS, no de <br>.
• <br> fuera de contenido en línea. Ponerlo entre dos bloques (</p><br><p>) es válido en HTML5, pero el efecto visual es el espacio por defecto de <p> más el salto, lo que suele ser excesivo. Si precisás espacio extra entre párrafos, usá margin-bottom en el <p>.

Vigente / legacy

<br> está completamente vigente. El atributo clear (<br clear="all">) es legacy desde HTML5 — se usaba para limpiar floats CSS y hoy se hace con clear: both en CSS.