Semántica
El marcado de una futura página web debe tener sentido como una página de periódico o revista. La página tiene secciones, encabezados, listas, imágenes, párrafos de texto, etc. Para describir toda esta riqueza de tipos de contenido existen las etiquetas apropiadas. Es decir, la semántica es la parte inicial de HTML, pero es inútil si se implementa incorrectamente.
El marcado semántico - es un enfoque para crear un marcado HTML basado en el uso de etiquetas de acuerdo con su propósito a base de su especificación y adecuado para el tipo de contenido marcado.
En la mayoría de los casos, el marcado semántico es simplemente el uso del
sentido común. Marcando un párrafo de texto usamos la etiqueta <p>, para
marcar el enlace hay una etiqueta <a>, la imagen del contenido está
representada por la etiqueta <img>, etc.
Es decir, el marcado semántico significa que las etiquetas no se seleccionan según la forma en que se muestran en el navegador sino que se seleccionan a base del tipo y la estructura del contenido marcado.