Semantic Elements in HTML

Semantic element clearly describes its meaning to both the browser and the developer.

Tag Name Description
<header> Header Represents a container for introductory content or a set of navigational links.
<nav> Navigation Defines a set of navigation links.
<main> Main Defines the dominant content within a webpage.
<section> Section A thematic grouping of content, typically with a heading. Examples: Chapters, Introduction, News Itens, Contact Information.
<article> Article Specifies independent, self-contained content that makes sense on its own.
<aside> Aside Content aside from the content it is placed in (like a sidebar).
<footer> Footer Defines a footer for a document or section.
<figure> Figure Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption> Figure caption Defines a caption for a <figure> element.
<audio> Audio Defines embedded sound content.
<video> Video Defines embedded video content.