Skip to content

Instantly share code, notes, and snippets.

@michaelkornblum

michaelkornblum/semantic-html-ex5.html

Created May 13, 2019 22:09
Show Gist options
  • Save michaelkornblum/e06c437c074a0650575745e831fb00b7 to your computer and use it in GitHub Desktop.
Save michaelkornblum/e06c437c074a0650575745e831fb00b7 to your computer and use it in GitHub Desktop.
Download ZIP
Simple blogsite markup with Semantic HTML5 tags.
Raw
semantic-html-ex5.html
[...]
<div class="wrapper">
<header>
<h1>Logo</h1>
<nav>
<ul>
<li><a href="link-1.html">Link 1</a></li>
<li><a href="link-2.html">Link 2</a></li>
<li><a href="link-3.html">Link 3</a></li>
</ul>
</nav>
</header>
<aside>
<h2>Side Content</h2>
[...]
</aside>
<main>
<article>
<h2>Article Title</h2>
[...]
<section>
<h3>Article Section</h3>
[...]
</section>
</article>
</main>
<footer>
<small>Footer Content</small>
</footer>
</div>
[...]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment