-
imagen de woordenaar
Como NO usar el elemento div
Ya vimos para que sirve el elemento <div> y cómo debería ser usado, ahora vamos a ver uno de los errores más comunes en el uso de este elemento y cómo evitarlo.
El problema
Lo que pasa es que la mayoría de diseños abusan del elemento <div>, y no estoy hablando de cualquier diseño, sino de sitios muy visitados. Sólo por poner un ejemplo veamos a Techcrunch, específicamente la lista de artículos.
-
imagen de ∗FranJa
¿Estás seguro que sabes cuando usar el elemento div?
Todo el que ha visto código HTML conoce el elemento <div>, de hecho es uno de los elementos más usados en HTML, pero a veces, a muchos se les pasa la mano y empiezan a usarlo de más.
es un elemento de construcción
Ya hablaré después del mal uso que se le da al pobre <div>, ahora toca explicar que es y para que sirve este elemento.
<div>, que es y para que sirve.
El elemento <div> es un elemento de bloque y sirve para separar secciones lógicas en una página web.
Por ejemplo, tienes una página que habla de computadoras, con dos secciones Mac y PC, y en cada sección describes sus características.
Imagina que esta es la estructura de tu página:
Algunos recursos para Diseñadores Web
- Firebug
- Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
- Web Developer Toolbar
- Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
- YSlow
- Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
- W3C Markup Validation Service
- Valida tu HTML o XHTML, una herramienta indispensable.
Entra a la página de recursos para diseñadores web y mira la lista completa
¿Quien escribe Aprendiendo Web?
Hola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.
La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.
Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.
-12.126668, -77.029910
© 2008 - 2012 Aprendiendo Web.
- Contacto
- Diseñado y desarrollado por Lúcuma Labs