SEMANTIC ELEMENTS IN HTML5

<footer>

- Defines a footer for a document or section - should contain information about its containing element. - typically contains the author of the document, copyright information, links to terms of use, contact information, etc.

<section>

- Defines a section in a document, such as chapters, headers, footers, or any other sections of the document.

<aside>

- Defines content aside from the page content - content should be related to the surrounding content.

<header>

- Specifies a header for a document or section - should be used as a container for introductory content.

Examples of non-semantic elements:

<div> and <span>

Examples of semantic elements:

<form>, <table>, and <article>

<figcaption>

Defines a caption for a <figure> element

<time>

Defines a date/time

<summary>

Defines a visible heading for a <details> element

<details>

Defines additional details that the user can view or hide

<article>

Defines an article

<mark>

Defines marked/highlighted text

<nav>

Defines navigation links

<figure>

Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.

<main>

Specifies the main content of a document

semantic element

clearly describes its meaning to both the browser and the developer