HTML semántico es la parte del HTML que le ayuda a organizar su sitio web de forma que sea compatible con el mantenimiento y el SEO. SEO significa: optimización de motores de búsqueda.

Cuando se adhiere a la semántica HTML al crear un sitio, ese sitio tiende a facilitar que los motores de búsqueda lo clasifiquen más alto y, por supuesto, facilita a los lectores de pantalla navegar por su sitio web.

Estas son algunas de las etiquetas HTML semánticas:

1-
La etiqueta "encabezado" es donde va el contenido introductorio de la página, los enlaces de navegación, el menú y/o la barra de búsqueda. ¡Los logotipos de las marcas también van ahí!

2-
La etiqueta "principal" es donde entra el contenido principal de la página.

3-
La etiqueta "artículo" es donde entra el contenido independiente. Contenido que tiene sentido por sí solo. Esta puede ser una publicación de blog.

4-
La etiqueta "sección" divide el contenido en partes. Normalmente incluye un título. No es una etiqueta de "encabezado".

5-
La etiqueta "aparte" se utiliza para agregar contenido secundario o relacionado a una publicación en una página.

Nota: la etiqueta "sección" se puede anidar en la etiqueta "artículo" y la etiqueta "aparte" se puede anidar en cualquiera de ellas.

6-
La etiqueta "pie de página" contiene información sobre la página como; contacto, enlaces e información legal.

¡Gracias y espero que esto ayude!