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