HTML Semantic tags

HTML tags

Tag Name Description
<header>
Header Used to describe the header of the page
<main>
Main Used to define the main content of the page
<nav>
Nav Used to define a main navigation menu
<section>
Section The section tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document
<article>
Article Used to describe the main content of the page
<aside>
Aside the aside tag defines some content aside from the content it is placed in
<footer>
Footer Used to define the footer of the page
<figure>
Figure Used to define images, diagrams, code listings
<figcaption>
Figcaption The figcaption tag defines a caption for a figure element
<mark>
Mark Used to define a marked text (with background color)
<details>
Details The details tag specifies additional details that the user can view or hide on demand
<summary>
Summary The summary tag defines a visible heading for the details element. The heading can be clicked to view/hide the details
<time>
Time Used to define a human-readable date/time

Semantic HTML page structure

<html>
<head>
</head>
<body>
<header>
</header>
<nav>
</nav>
<main>
<section>
<aside>
<article>
</main>
<footer>
</footer>
</body>
</html>