¿Es útil #container, #wrapper en cada diseño CSS?
-
19-09-2019 - |
Pregunta
¿Es útil agregar código en toda #container
, #Wrapper
en cada diseño CSS? ¿No podemos hacer sin este diseño div
adicional? ¿Qué ventajas y desventajas de usar este div
extra?
¿Es una buena práctica? ¿Es útil para cualquier tipo de diseño / diseño? Es semánticamente correcto?
Solución
¿Es útil agregar código en toda #container, #wrapper en cada diseño CSS?
No sería necesaria en todos diseño a menos que cada diseño era el mismo, y sólo en caso de requerir un envoltorio / contenedor.
¿No podemos hacer sin este diseño div extra?
Sí, a veces se puede prescindir de la div envoltorio adicional.
¿Cuáles son los pros y los contras de usar este div extra?
Esto depende totalmente de su diseño. A menudo, con un diseño de ancho fijo centrado, una envoltura que tiene más sentido. También puede estilo de la etiqueta body
, pero luego se superpone y otros elementos puede tener un aspecto diferente o no totalmente llenar la pantalla en función de su aplicación.
¿Es una buena práctica?
Sí, pero sólo si el diseño lo requiere.
¿Es útil para cualquier tipo de diseño / diseño?
Normalmente es útil cuando se necesita hacer un ancho fijo, el diseño centrado. No estoy seguro de otros usos en los que es útil.
¿Es semánticamente correcto?
En realidad, no como el body
es realmente un perfecto container
o wrapper
por lo que añadir otro es redundante. Sin embargo, es un mal necesario en muchos diseños en función de soporte de los navegadores es necesario o el diseño que se necesita. Vaya por delante y utilizarla sin preocuparse si tiene sentido para su proyecto y el diseño.
Otros consejos
Si usted tiene
Si todavía funciona, puede quitar el div interior combinando el estilo. Si eso es demasiado difícil (demasiado estilo para editar), sólo tiene que asistir a clases en un solo div:.
Poner un div contenedor alrededor de toda la página puede ser útil en ciertas situaciones, por ejemplo, Si desea centrar todo, que sólo puede poner margin: 0 auto;
en el div contenedor y por hacer. Dicho esto, ciertamente no es necesario ni útil para todos tipo de diseño.
En cuanto a la corrección semántica, firme, teniendo un div
como el único hijo directo de body
es absolutamente bien. Una etiqueta div
no tiene ningún significado semántico en y sobre sí misma, la misma razón que se introdujo iba a ser capaz de hacer mal uso de diseño sin etiquetas semánticas.