¿A veces es malo usar <BR />?
¿ A veces es malo usar <BR/>etiquetas?
Lo pregunto porque uno de los primeros consejos que me dio mi equipo de desarrollo fue este: No use <BR/>; en su lugar, utilice estilos. ¿Pero por qué? ¿Hay resultados negativos al usar <BR/>etiquetas?
La razón principal para no usarlo <br>es que no es semántico . Si desea dos elementos en bloques visuales diferentes, probablemente los desee en bloques lógicos diferentes.
En la mayoría de los casos, esto significa simplemente usar diferentes elementos, por ejemplo <p>Stuff</p><p>Other stuff</p>, y luego usar CSS para espaciar los bloques correctamente.
Hay casos en los que <br>es semánticamente válido, es decir, casos en los que el salto de línea forma parte de los datos que estás enviando. En realidad, esto solo se limita a 2 casos de uso: poesía y direcciones postales.
Creo que su equipo de desarrollo se refiere <br />en lugar del espaciado de márgenes. Para dejar un espacio vacío entre elementos, use estilo de relleno/margen a través de CSS.
Mal uso de <br />:
<div>
Content
</div>
<br />
<br />
<br />
<br />
<div>
More content...
</div>
Buen uso de <br />:
<style>
div {
margin-top:10px;
}
</style>
<div>
Content<br />
Line break
</div>
<div>
More content...
</div>
Generalmente, <br/>es una indicación de HTML semántico deficiente. El caso más común es utilizar <br/>para declarar separaciones de párrafos, y existen formas mucho mejores de hacerlo semánticamente. Ver Alojamiento y Desayuno .
Hay ocasiones en las que es la etiqueta adecuada, pero se abusa de ella con tanta frecuencia que la gente adopta una mentalidad de "no usar" para forzar un mejor pensamiento semántico.
Lo que su equipo quiso decir probablemente fue no usar <br>s para dividir entre párrafos. Por ejemplo :
<p>I am a paragraph</p>
<p>I am a second paragraph</p>
es la mejor manera de hacerlo, porque luego puedes ajustar fácilmente los espacios entre párrafos a través de CSS. Aparte de eso, no se me ocurre nada que esté en contra de los saltos de línea como tales.
