HTML5頁面結構模板
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>Website Title</title>
- </head>
- <body>
- <header>
- <nav>
- <ul>
- <li>Home</li>
- <li>Contact</li>
- </ul>
- </nav>
- </header>
- <section>
- <article>
- <header>
- <h2>Title Goes here</h2>
- <p>Posted on <time datetime="2012-07-28T13:00:24+01:00">July 28th 2012</time> by <a href="#">Author</a> - <a href="#comments">12 comments</a></p>
- </header>
- <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
- </article>
- <article>
- <header>
- <h2>Article title</h2>
- <p>Posted on <time datetime="2012-07-26T13:00:24+01:00">July 26th 2012</time> by <a href="#">Author</a> - <a href="#comments">9 comments</a></p>
- </header>
- <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
- </article>
- </section>
- <aside>
- <h2>Contact Us</h2>
- <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
- </aside>
- <footer>
- <p>Copyright 2012 DigiMantra Labs ?</p>
- </footer>
- </body>
- </html>