SEMANTICA HTML

HTML, se compone de etiquetas de las cuales muestro a continuación una imagen como ejemplo 

de cual es su uso, a dicha imagen también encontrareis asociada una lista de las etiquetas conocidas 

como semánticas, es decir, son etiquetas que definen claramente su contenido.

Figura 1. Esquema de etiquetas semánticas.

A continuación podéis ver una lista de etiquetas semánticas asociadas a su uso más común.

• <section> .....................................  Este elemento define una sección del de un documento https://www.w3.org/TR/2011/WD-html5-20110405/elements.html#semantics-0
• <aside>......................................... Define contenido contenido aparte del contenido                        de la pagina.
• <details>.......................................  Define detalles adicionales que el usuario puede ver                   u oclutar.
• <figcaption>................................. Define el titulo para un elemento.
• <figure>........................................ Especifica contenido autónomo, como ilustraciones, diagramas, fotos, listados de código,etc.
• <footer>....................................... Define un pie de pagina.
• <header>...................................... Especifica un encabezado para un documento o sección.
• <main>......................................... Especifica el contenido principal de un documento.
• <mark>......................................... Define texto marcado/resaltado.
• <nav>........................................... Define enlaces de navegación.(menus, enlaces a redes, etc...).
• <summary>.................................. Define un encabezado visible para un elemento <details>.
• <time>.......................................... Define una fecha/hora.