Found in html.pdf, 2.2
@snap[north-west span-40]
Header of the part of the document @snapend
@snap[east span-70]
<header>
<h1>Heading level 1</h1>
</header>@snapend
Note: article: a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). Examples include: a forum post, a magazine or newspaper article, or a blog entry. aside: a portion of a document whose content is only indirectly related to the document's main content. section: a standalone section — which doesn't have a more specific semantic element to represent it div: generic container for flow content. It has no effect on the content or layout until styled using CSS
@snap[north-west span-40]
Footer of the part of the document @snapend
@snap[east span-70]
<footer>
<p>Copyright DevMe</p>
</footer>@snapend
@snap[north-west span-40]
Main unique content, can only be one per page @snapend
@snap[east span-70]
<main> ... </main>@snapend
@snap[north-west span-40]
Related, but not main, content. @snapend
@snap[east span-70]
<aside>...</aside>@snapend
@snap[north-west span-40]
Site related navigation @snapend
@snap[east span-70]
<nav>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<nav>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</nav>@snapend
@snap[north-west span-40]
A standalone piece of content (always has header) @snapend
@snap[east span-70]
<article>...</article>@snapend
@snap[north-west span-40]
Part of a piece of content @snapend
@snap[east span-70]
<section>...</section>@snapend
@snap[north-west span-40]
For design purposes only @snapend
@snap[east span-70]
<div>...</div>@snapend