Etiquetas de estructura

Estas son aquellas que se utilizan para dividir la página en secciones; estas funcionan como contenedores de otras etiquetas y se diferencian según la funcionalidad del contenido que albergan.

Etiquetas no semánticas

Div

Se trata de una etiqueta de bloque no semántica; en otras palabras, se trata de un contenedor que por sí mismo no posee ningún valor semántico, por lo tanto se usa cuando no se halla un elemento que calce con las necesidades del código o cuando se desea que algún elemento no tenga algún valor semántico en particular. Cuenta con atributos genéricos como:

También cuenta con atributos específicos como:

En otras palabras se puede usar como un contenedor simple para estructurar la página a través de clases o id.

Nota: la desventaja del "div" radica en que es tan fácil usarlos que puede mal acostumbrar al programador; usarlos en exceso conlleva que el mantenimiento y actualización del contenido serán más complejos de realizar, a la vez que pueden ocasionar un código poco legible.

Span

Esta es una etiqueta no semántica de texto, por lo tanto su función es incorporarlo en el interior de un texto para hacer posible distinguir algún área del texto sin añadirle algún valor semántico. Esto se puede lograr usando el atributo "class" para poder incorporar CSS.

Nota: por sí mismo el navegador no muestra algún estilo en particular al texto que se encuentre en este elemento.