Elemento div en html 5

En html 4, la etiqueta DIV se define prácticamente como un elemento genérico utilizado para la estructuración de una pagina web, denotando su contenido mediante Identificadores (ID) y clases (CLASS), y no tiene significado semántico alguno, en Html 5, la etiqueta DIV prácticamente mantiene la misma definición.

Viendo de otra forma, un elemento DIV no es mas que un contenedor, que alberga contenido de flujo, el cual se puede utilizar para marcar semántica común a un grupo de elementos consecutivos.

< DIV> Vs Elementos semánticos

Actualmente en Html 5 los elementos semánticos (header, article, secction) acaparan gran terreno que antes le pertenecía a los elementos DIV, esto es debido a que en Html 5 se trabaja una mejor estructura de información que en HTML 4, pero no se preocupe ya que los elementos DIV aun tienen su lugar en HTML 5.

Se a de preguntar cual es ese lugar, si los elementos semánticos de html 5 acaparan todo el terreno, pues bueno, usted deberá utilizar los elementos DIV en aquellos lugares en donde no allá otro elemento semántico que se adapte a sus propósitos.

Su uso mas común sera para envolver secciones de acuerdo al diseño estético de la pagina web, es decir, envolviendo el contenido semántico con algún estilo CSS.

Ejemplo.- Utilizando DIV en el Wrapper.

Aunque se pueda utilizar el elemento BODY como contenedor natural del contenido del sitio, a mucha gente le gusta utilizar un elemento DIV como contenedor de nivel superior para el estilo de todo el sitio web, ejemplo.-

< body>
< div class="wrapper">

// Contenido de todo el sitio web

< /div>
< /body>

Utilizando DIV como un parrafo introductorio.

Otra de las formas en que podemos seguir utilizando el elemento DIV es un párrafo introductorio, el cual resaltara del resto del articulo, veamos un ejemplo.-

< article>
< div class="intro">
< p>Texto del parrafo introductorio< /p>
< /div>
< p>Segundo parrafo del articulo< /p>
< p>Tercer parrafo del articulo< /p>
< /article>

 

Conclusión.-

Ya para finalizar el articulo, el uso del elemento DIV en Html 5 sera mucho menor al que esta acostumbrado a utilizar en html 4, pero debemos de acostumbrarnos a las nuevas tecnologías, y si no utilizamos los elementos semánticos de Html 5, no estaremos utilizando su potencial, por cierto si alguno de estos elementos semánticos no le funciona, no dude en utilizar un DIV.

Fuente.