Divs vacíos y dividitis
El w3c dice de un div:
Los elementos DIV y SPAN, junto con los atributos id y class, ofrecen un mecanismo genérico para añadir estructura a los documentos.
Por lo tanto el uso de un <div> vacío se debería considerar incorrecto porque no estructura nada.
El uso de los divs vacíos es un recurso muy habitual que usan (usamos) para maquetar con CSS para conseguir que nuestras páginas tengan el aspecto que deseamos, como para conseguir las famosas “rounder corners” (esquinas redondeadas) en nuestra página, o otro tipo de efectos visuales.
Si partimos de la base de que la presentación de una web debe ser independiente del contenido y de las etiquetas que utilizamos para marcarlos y aportarles semántica, parece que no tiene mucho sentido utilizar unas etiquetas para etiquetar nada, o darle estructura, aunque los validadores automáticos no nos den error ni aviso.
Referencias de interés
- Esperando las CSS3 y sus múltiples fondos.
- Rounder Corners sin div vacíos: Spanky Corner pero con uso,que valida tambien correctamente, del list-style-image fuera de una lista.
Lo más leído
- ¿Cómo adapto un interfaz web para móvil?
- Landing Page. La primera impresión es lo que cuenta. 30 Tips
- Cómo maquetar un correo electrónico HTML para los distintos clientes
- Diseño de botones call-to-action, las claves del éxito
¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscríbes a mi feed y obtienes los artículos como este enviados automáticamente cada día hacia tu lector de feeds.
No hay comentarios todavía.
Deja un comentario
Saltos de línea automáticos, la dirección de email nunca será publicada, HTML permitido:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>