2010-09-25 34 views
5

Esta es la primera vez que estoy codificando correctamente en HTML, CSS. en mi código he usado una gran cantidad de div's para posicionar y también para poner el contenido en su lugar. No estoy seguro si estoy codificando de la manera correcta. También tengo muchos contenidos en una sola página. aquí está el enlace a mi código que he usado.¿es malo usar muchos div en una sola página?

http://jsfiddle.net/32ShZ/

que puede sugerir por favor. ¿es realmente malo en estructura y forma?

Respuesta

6

Absolutamente no. No querrás ir por la borda (se llama "sopa div" cuando lo haces). Si encuentra que un div no tiene otro propósito que mantener una imagen de fondo, o borrar un flotador, etc. eso significa que ha hecho algo mal. Al usar envoltorios (por ejemplo, 3 niveles de profundidad de etiquetas div para un área de contenido que tiene algunos fondos, etc. está bien), puede lograr correctamente cualquier diseño que necesite sin recurrir a "sopa de div". Eche un vistazo a http://www.digitalperfections.net/ para ver un ejemplo de HTML bueno (x) con muchas etiquetas div.

Para expandir aún más y responder específicamente a la pregunta sobre tu código, noté una cosa al momento: <div id="divider"></div> - esto es malo porque estás usando este div solo para fines no semánticos (solo para decoración).

+0

correcto y verdadero. Debería deshacerme de eso de alguna manera. trabajo mal en eso –

+0

@Ibrahim: también podría considerar el uso de comentarios de estilo '' al final de cada div para indicar qué div es (más fácil depurar cosas más adelante). – orokusaki

+0

gracias por la sugerencia. Consideraré usarlo de inmediato. –

1

El principio general es utilizar como menos HTML para el diseño como sea posible. Y trata de darle estilo a tu página con la ayuda de CSS. Entonces, si un número mínimo de divs puede lograr su tarea, debe hacerlo. Esto ayuda a que la página sea más ligera y fácil de mantener. Pero sí, la pequeña estructura (HTML) que puede tener en su página depende de su experiencia y diseño.

Cuestiones relacionadas