Semántica

La semántica está relacionada con las etiquetas contenedoras en HTML5, por ejemplo: header, main, sidebar y footer.
Estas agregan información importante para aquellos que tengan problemas con la visualización de la página.
Les permite a estos usuarios orientarse en qué sección de la página se encuentran.
Si se utilizan muchas etiquetas DIV o etiquetas que no son para el espacio o la seccion que estamos tocando en nuestra pagina no se va a poder leer bien y el usuario no va a saber donde esta o como navegar esa seccion.
Por eso HTML semantico es importante, utilizar las un layout con las diferentes etiquetas para cada una de la secciones y ocupar unicamente las etiquetas DIV para cosas que son mas como comodines o un contenedor de algo muy especifico en donde no existe una etiqueta de HTML5 para esa seccion DIV nos ayuda mucho.