Skip to content

Instantly share code, notes, and snippets.

@jcanfield

jcanfield/semantic-markup-example-html5.html

Forked from Hogent/semantic-markup-example-html5.html
Last active August 29, 2015 14:27
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jcanfield/06321f3521bc76fbe9ee to your computer and use it in GitHub Desktop.
Save jcanfield/06321f3521bc76fbe9ee to your computer and use it in GitHub Desktop.
Download ZIP
Gist for article on HTML5 semantics
Raw
semantic-markup-example-html5.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Title | Site Name</title>
<meta name="description" content="page description">
<link rel="stylesheet" href="style.css">
<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->
</head>
<body>
<header>
<hgroup>
<h1>Page Title</h1>
<h2>Page Subtitle</h2>
</hgroup>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</nav>
<section>
<article>
<header>
<h2>Article Title</h2>
</header>
<section>
<p>Paragraph, etc...</p>
</section>
</article>
<article>
<header>
<h2>Article Title</h2>
</header>
<section>
<p>Paragraph, etc...</p>
</section>
</article>
</section>
<aside>
<h4>Widget title</h4>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</aside>
<footer>
<small>copyright message</small>
</footer>
</body>
</html>​
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment