HTML Content sectioning Cheat Sheet

<address> … </address>The HTML <address> element indicates that the enclosed HTML provides contact information for a person or people, or for an organization.
<article> … </article>The HTML <article> element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication).
<aside> … </aside>The HTML <aside> element represents a portion of a document whose content is only indirectly related to the document’s main content.
<footer> … </footer>The HTML <footer> element represents a footer for its nearest sectioning content or sectioning root element. A footer typically contains information about the author of the section, copyright data, or links to related documents.
<header> … </header>The HTML <header> element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author’s name, and other elements.
<h1> to <h6> … </h6>The HTML <h1>–<h6> elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.
<main> … </main>The HTML <main> element represents the dominant content of the <body> of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application.
<nav> … </nav>The HTML <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation, sections are menus, tables of contents, and indexes.
<section> … </section>The HTML <section> element represents a standalone section — which doesn’t have a more specific semantic element to represent it — contained within an HTML document.

Example

<address>
 <a href="mailto:[email protected]">[email protected]</a><br>
 <a href="tel:+13115552368">(311) 555-2368</a>
</address>

Leave a Reply

Your email address will not be published. Required fields are marked *