HTML 5 Page Basic Page Structure

<!DOCTYPE HTML>

<html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Title goes here</title>
</head>

<body>

<header>
<nav>
<ul>
<li>Menu items goes here</li>
</ul>
</nav>
</header>

<section>

<article>
<header>
<h2>Article title</h2>
<p>Posted on <time datetime=”20013-12-17T16:31:24+02:00″>December 17th 2013</time> by <a href=”#”>Writer</a> – <a href=”#comments”>6 comments</a></p>
</header>
<p>Content goes here</p>
</article>

<article>
<header>
<h2>Article title goes here</h2>
<p>Posted on <time datetime=”2013-12-17T16:31:24+02:00″>December 17th 2013</time> by <a href=”#”>Writer</a> – <a href=”#comments”>6 comments</a></p>
</header>
<p>content goes here</p>
</article>

</section>

<aside>
<h2>About section goes here</h2>
<p>Content goes here</p>
</aside>

<footer>
<p>Copyright 2013 Your name goes here</p>
</footer>

</body>

</html>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s