html - separar - ¿A veces es malo usar<BR/>?
salto de linea html (14)
¿A veces es malo usar las etiquetas <BR/>
?
Lo pregunto porque algunos de los primeros consejos que mi equipo de desarrollo me dio fueron los siguientes: No use <BR/>
; en cambio, usa estilos. ¿Pero por qué? ¿Hay resultados negativos al usar etiquetas <BR/>
?
Creo que su equipo de desarrollo se está refiriendo a <br />
en lugar de espaciar los márgenes. Para crear espacios vacíos entre los elementos, use estilo de relleno / margen mediante 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>
Deben usarse para representar nuevas líneas. Nada mas. No para llenar el espacio como en el sitio promedio de geocities. Sin embargo, solo hay un caso en el que pueden ser útiles para otros fines que no sea poner una nueva línea: limpiar los flotadores.
<br style="clear: both;">
El mismo concepto se aplica a por qué no usamos tablas para el diseño: use tablas para tablas y CSS para maquetación.
Use <br/>
para líneas de <br/>
en un bloque de texto y CSS si desea afectar el diseño.
En general, <br/>
es una indicación de HTML semántico pobre. El caso más común es utilizar <br/>
para declarar separaciones de párrafo, que hay formas mucho mejores de hacerlo semánticamente. Ver Bed and BReakfast .
Hay ocasiones en que es la etiqueta adecuada para usar, pero se abusa con la suficiente frecuencia como para que las personas adopten una mentalidad de "no usar" para forzar un mejor pensamiento semántico.
Especificar el diseño hace que sea difícil adaptar el sitio para diferentes tamaños de página o fuentes, por ejemplo.
Están bien, si se usan apropiadamente. Por ejemplo, no debe usarlos en lugar de las etiquetas <p>
o para crear espacios entre los elementos. Probablemente estés haciendo algo mal si alguna vez tienes dos seguidas.
Intento escribir mi marcado de forma que sea fácilmente legible con CSS deshabilitado. Si solo está utilizando BR para agregar espaciado, es mejor usar márgenes y relleno.
La razón principal para no usar <br>
es que no es semantic . Si desea dos elementos en diferentes bloques visuales, probablemente los desee en diferentes bloques lógicos.
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 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á enviando. Esto solo está limitado a 2 casos de uso: poesía y direcciones postales.
Lo que quiso decir su equipo fue probablemente no usar separadores para dividir entre párrafos.
<p>I am a paragraph</p>
<p>I am a second paragraph</p>
es la mejor manera de hacerlo, porque luego puede ajustar fácilmente los espacios entre párrafos a través de CSS. Aparte de eso, no puedo pensar en nada que se exprese en los saltos de línea como tal.
No use tres o más canciones consecutivas, esa es una señal de que las está usando con fines estilísticos y no, no debería.
Algunos dirán que una única <br>
es suficiente y en lugar de dos debes usar <p></p>
, pero hay situaciones (por ejemplo, guiones) en las que deseas introducir una pausa más larga sin implicar un cambio de tema o una nuevo período de inicio, como un párrafo generalmente lo hace.
Por lo general, siempre estableceré los márgenes apropiados y el relleno de los elementos con CSS; es mucho menos desordenado que un montón de <br />
todo el lugar, además de ser más semánticamente correcto.
Probablemente, la única vez que usaría <br />
con preferencia a los márgenes y el margen establecidos por CSS, incluso si no es estrictamente técnico, es si se tratara de un incidente aislado donde se necesita un poco más de espacio. Si obtuve una hoja de estilo bastante grande y no parece que valga la pena configurar un estilo adicional solo para esa ocurrencia, puedo usar un <br />
como una excepción.
Como la mayoría de las cosas, <br />
no son algo malo si se usan correctamente.
Si haces esto: <BR/> <BR/>
Obtendrá un diseño diferente en diferentes navegadores.
Más adentro:
Si usa <BR/>
solo para saltos de línea, vale.
Si usa <BR/>
como línea espaciadora, no está bien.
<br />
debe usarse solo para saltos de línea y no para aplicar estilo a una página. Por ejemplo, si necesita espacio extra entre párrafos, proporcióneles una clase y aplique el relleno extra a los párrafos. No extienda sus párrafos con <br /><br ><br />
En HTML (hasta HTML 4): use <br>
En HTML 5: se prefiere el <br>
, pero <br/>
y <br />
también es aceptable
En XHTML: <br />
es preferido. También puede usar <br/>
o <br></br>
Entonces, el uso de la etiqueta <br>
es un HTML perfectamente válido. Pero el uso de <br>
no se recomienda?
La razón principal por la que no se usa <br>
es porque no es una etiqueta semántica y no tiene contenido dentro. Su uso se puede evitar como,
<p>some<br>text<p>
se puede marcar sin <br>
como
<p>some</p>
<p>text<p>
Si está usando otro propósito como espaciado superior, etc., que se puede lograr a través de la propiedad de margin
CSS.