HTML5 – Elemento Div

Se piensa que con la introducción de los nuevos elementos semánticos, el elemento div deja de utilizarse pero no es así. Según la deficinición del W3C:

El elemento div no tiene un significado semántico, representa un conjunto de elementos. Puede ser usado con los atributos class, lang y title para darle una semantica a un grupo de varios elementos.

W3C Specification

Por lo tanto debe ser utilizado como ayuda a la estructura de página: como base para crear el layout de de nuestras páginas, siempre y cuando no exista otra etiqueta de conjunto que represente mejor este papel. En otras palabras, div es la herramienta para unir elementos cuando no podemos asociar significado semántico a este conjunto o necesitamos dar estilos a una parte del contenido.

En el siguiente ejemplo, se ven elementos div utilizados como una forma de configurar el idioma de los dos párrafos a la vez, en lugar de la configuración del idioma en los dos elementos por separado del párrafo:

[html]

My use of language and my cats

My cat’s behavior hasn’t changed much since her absence, except
that she plays her new physique to the neighbors regularly, in an
attempt to get pets.

My other cat, coloured black and white, is a sweetie. He followed
us to the pool today, walking down the pavement with us. Yesterday
he apparently visited our neighbours. I wonder if he recognises that
their flat is a mirror image of ours.

Hm, I just noticed that in the last paragraph I used British
English. But I’m supposed to write in American English. So I
shouldn’t say “pavement” or “flat” or “colour”…

I should say “sidewalk” and “apartment” and “color”!

[/html]

También puede utilizarse para dar estilos, como se puede ver en el siguiente ejemplo:

[html]


[/html]