HTML5 page structure

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content=""> <link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/structure.css"> <link rel="icon" type="image/x-icon" href="/images/favicon.ico"> <title>Title</title> </head> <body> <header> <h1>page heading</h1> </header> <nav> <ul> <li>menu item</li> <li>menu item</li> <li>menu item</li> </ul> </nav> <aside> <h2>aside heading</h2> <p>aside item</p> <p>aside item</p> </aside> <main> <section> <h2>section heading</h2> <p>section paragraph</p> </section> <section> <h2>section heading</h2> <article>article</article> </section> </main> <footer> <small>company stuff</small> </footer> <script src="/js/main.js"></script> </body> </html>