alnguyenngoc/Sample HTML5 Document with Basic Semantics.html

## Sample HTML5 Document with Basic Semantics.html
<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8">
		<title>Sample HTML5 Document with Basic Semantics</title>
		<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

	</head>
<body>
    <header>
        <hgroup>
            <h1>Header in h1</h1>
            <h2>Subheader in h2</h2>
        </hgroup>
    </header>
    <nav>
        <ul>
            <li><a href="#">Menu Option 1</a></li>
            <li><a href="#">Menu Option 2</a></li>
            <li><a href="#">Menu Option 3</a></li>
        </ul>
    </nav>
    <section>
        <article>
            <header>
                <h1>Article #1</h1>
            </header>
            <section>
                This is the first article.  This is <mark>highlighted</mark>.
            </section>
        </article>
        <article>
            <header>
                <h1>Article #2</h1>
            </header>
            <section>
                This is the second article.  These articles could be blog posts, etc.
            </section>
        </article>
    </section>
    <aside>
        <section>
            <h1>Links</h1>
            <ul>
                <li><a href="#">Link 1</a></li>
                <li><a href="#">Link 2</a></li>
                <li><a href="#">Link 3</a></li>
            </ul>
        </section>
        <figure>
            <img
                src="http://resource-guru.com/wp-content/uploads/2013/09/favicon.png"
                alt="Resource Guru" />
            <figcaption>Resource Guru</figcaption>
        </figure>
    </aside>
    <footer>Footer - Copyright 2011 Resource Guru</footer>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Sample HTML5 Document with Basic Semantics</title>
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	</head>
	<body>
	<header>
	<hgroup>
	<h1>Header in h1</h1>
	<h2>Subheader in h2</h2>
	</hgroup>
	</header>
	<nav>
	<ul>
	<li><a href="#">Menu Option 1</a></li>
	<li><a href="#">Menu Option 2</a></li>
	<li><a href="#">Menu Option 3</a></li>
	</ul>
	</nav>
	<section>
	<article>
	<header>
	<h1>Article #1</h1>
	</header>
	<section>
	This is the first article. This is <mark>highlighted</mark>.
	</section>
	</article>
	<article>
	<header>
	<h1>Article #2</h1>
	</header>
	<section>
	This is the second article. These articles could be blog posts, etc.
	</section>
	</article>
	</section>
	<aside>
	<section>
	<h1>Links</h1>
	<ul>
	<li><a href="#">Link 1</a></li>
	<li><a href="#">Link 2</a></li>
	<li><a href="#">Link 3</a></li>
	</ul>
	</section>
	<figure>
	<img
	src="http://resource-guru.com/wp-content/uploads/2013/09/favicon.png"
	alt="Resource Guru" />
	<figcaption>Resource Guru</figcaption>
	</figure>
	</aside>
	<footer>Footer - Copyright 2011 Resource Guru</footer>
	</body>
	</html>