Simple HTML5 Page Structure

Thursday 19th, Nov, 2015 | #HTML 5


HTML5 is a markup language used for structuring and presenting content on the World Wide Web

Use this simple page structure for start any html5 projects

 <!DOCTYPE HTML>

<html>

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>Your Website</title>
</head>

<body>

 <header>
 <nav>
 <ul>
 <li>Link1</li>
 <li>Link2</li>
 <li>Link3</li>
 </ul>
 </nav>
 </header>
 
 <section>
 
 <article>
 <header>
 <h2>Article title 1</h2>
 <p>Posted by Author 1</p>
 </header>
 <p>This is my firts html5 Structure.</p>
 </article>
 
 <article>
 <header>
 <h2>Article title 1</h2>
 <p>Posted by Author 1</p>
 </header>
 <p>This is my firts html5 Structure.</p>
 </article>
 
 </section>

 <aside>
 <h2>About section</h2>
 <p>About me About me.</p>
 </aside>

 <footer>
 <p>Copyright 2015 wdrfree</p>
 </footer>

</body>

</html>