Html 5

Elements

Use <em> not <i>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em

<div>
A semantically meaningless element used to group elements together for styling purposes.

<header>
A group of content with introductory content such as heading elements, navigation, or a logo.

<nav>
Groups together navigation elements. Could be main navigation links, or other groups of internal links.

<aside>
Information that is related to, but separate from the other content on a page.
A sidebar is not really in that main flow content

<article>
A standalone piece of content that is publishble on its own. For example, a blog article.

<section>
A section of related content that can logically be grouped together. Used for outline purposes and not styling purposes.

<figure> and <figcaption>
Groups together content related to, but separate from main content flow. Could be charts, images, illustrations etc.
Content tha is ususally related to the main content, but is positioned independently of the main flow like a chart, diagram, illustration or image. Usually has a caption.

<address>
Contact information for the closest article or body ancestor.

<main>
Groups together content in the main flow.
The main content of a webpage. Should only be used once per page.

<footer>
A footer for the nearest content section or section element. Contains content like author and copyright information, or links to other related content.

<h1> - <h6> elements should not be used to markup subheadings, subtitles, alternative titles and taglines unless intended to be the heading for a new section or subsection. - W3C

---