Los elementos semánticos HTML son aquellos que describen claramente su significado de una manera legible por humanos y máquinas. Elementos tales como <header>, <footer> y <article> son considerados semánticos porque describen con precisión el propósito del elemento y el tipo de contenido que hay dentro de ellos.
Los atributos id y class sirven como identificadores en html, son muy importantes para que los elementos html puedan ser apuntados y personalizados con estilos mediante el lenguaje de estilos CSS
con HTML podemos dotar de cierto estilo a nuestros elementos HTML mediante ciertos atributos, pero piénsalo bien, no sería para nada cómodo poner todos los estilos dentro de un atributo y aun peor si la estructura de nuestra página se va complicando aún más y más a medida que vamos añadiendo nuevos elementos.
Contamos con etiquetas que poseen significado para estructurar adecuadamente una página web con HTML5, y aquí aprenderemos a utilizarlos
