¿A veces es malo usar ?

¿A veces es malo usar las tags
?

Lo pregunto porque algunos de los primeros consejos que mi equipo de desarrollo me dio fueron los siguientes: No use
; en cambio, usa estilos. ¿Pero por qué? ¿Hay resultados negativos al usar tags
?

La razón principal para no usar
es que no es semántica . 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,

Stuff

Other stuff

, y luego usar CSS para espaciar los bloques correctamente.

Hay casos en que
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.

Creo que su equipo de desarrollo se está refiriendo a
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
:

 
Content




More content...

Buen uso de
:

  
Content
Line break
More content...

En general,
es una indicación de HTML semántico pobre. El caso más común es utilizar
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.

Lo que quiso decir su equipo fue probablemente no usar separadores para dividir entre párrafos.

 

I am a paragraph

I am a second paragraph

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.

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
para líneas de
en un bloque de texto y CSS si desea afectar el diseño.

Especificar el diseño hace que sea difícil adaptar el sitio para diferentes tamaños de página o fonts, por ejemplo.

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
todo el lugar, además de ser más semánticamente correcto.

Probablemente, la única vez que usaría
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
como una excepción.

Como la mayoría de las cosas,
no son algo malo si se usan correctamente.


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

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.

 

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
es suficiente y en lugar de dos debes usar

, 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.

Si haces esto:

Obtendrá un diseño diferente en diferentes navegadores.

Más adentro:
Si usa
solo para saltos de línea, vale.
Si usa
como línea espaciadora, no está bien.

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.

Están bien, si se usan apropiadamente. Por ejemplo, no debe usarlos en lugar de las tags

o para crear espacios entre los elementos. Probablemente estés haciendo algo mal si alguna vez tienes dos seguidas.

Aquí hay un ejemplo de cómo
puede afectar negativamente el estilo (ejecutar fragmento de imágenes)

(observe el botón desalineado y el espacio impar a la derecha):

 button { width: 70px; height: 70px; } #arrows { border: solid thin red; display: inline-block; } #arrows span:first-of-type { text-align: center; display: block; } #moveUp { margin: 0; } /* In the current case instead of 
use display */ /* #arrows span:last-of-type { display: block; } */
 

or move with keyboard arrows

En HTML (hasta HTML 4): use

En HTML 5: se prefiere el
, pero
y
también es aceptable
En XHTML:
es preferido. También puede usar
o

Entonces, el uso de la etiqueta
es un HTML perfectamente válido. Pero el uso de
no se recomienda?

La razón principal por la que no se usa
es porque no es una etiqueta semántica y no tiene contenido dentro. Su uso se puede evitar como,

 

some
text

se puede marcar sin
como

  

some

text

Si está usando otro propósito como espaciado superior, etc., que se puede lograr a través de la propiedad de margin CSS.