Article
The article tag is used to keep self contained content to itself.
Example:
<article>
<p>This is enclosed in an article tag.</p>
</article>
Aside
The aside tag holds content that is meant to be seen off to the side.
Example:
<aside>
<p>This is enclosed in an aside tag.</p>
</aside>
Details & Summary
The details tag is information hidden until the user clicks on it for more info.
The summary tag is a tag hidden under the details tag with provides a good place for a breif explination for the section.
Example:
<detail>
<summary>This is enclosed in an aside tag.</summary>
<p>dummy text</p>
<p>dummy text</p>
</detail>
Figure & Figcaption
The figure tag is used to specify photos and illustrations.
The figcaption tag provides a caption place for the figure.
Example:
<figure>
<figcaption>Caption for graphic.</figcaption>
</figure>
Footer
The footer tag is used to call upon the footer from the CSS. This tag allows you to customize the footer contents in CSS no class or id.
Example:
<footer>
<p>This is enclosed in a footer tag.</p>
</footer>
Header
The header tag is used to call upon the footer from the CSS. This tag allows you to customize the header contents in CSS no class or id.
Example:
<footer>
<p>This is enclosed in a footer tag.</p>
</footer>
Main
The main tag is used to call upon the main content of the page without using a class or id.
Example:
<main>
<p>This is enclosed in a main tag.</p>
</main>
Mark
The mark tag is used when you would like to highlight part of the text.
Example:
<mark>
<p>This is enclosed in a mark tag.</p>
</mark>
Nav
The nav tag is used to call upon the navigation in CSS.
Example:
<nav>
<li>home</li>
<li>about us</li>
<li>contact</li>
</nav>
Section
The section tag is used encase general text to make it easier to adjust.
Example:
<section>
<p>This is enclosed in a footer tag.</p>
<div>This is enclosed in a footer tag.</div>
<a>This is enclosed in a footer tag.</a>
</section>
Time
The time tag provides a readable time for the internet.
Example:
<time>12:45</time>
