最新HTML5标准的网页设计模板,包含了常用的布局元素
<!doctype html> <!-- I HTML 5 --> <html lang="en"> <head> <title>New Document</title> <meta charset="UTF-8" /> </head> <body> <div id="site-container"> <header id="site-header"> <div class="logo"> <a href=""><img src="" alt="" title="" /></a> </div> <hgroup> <h1></h1> <h2></h2> </hgroup> <nav> <ul> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> </nav> </header> <section id="site-page"> <section id="page-content"> <header> <h1></h1> </header> <div class="content"> <h2></h2> <p></p> <p></p> <p></p> </div> </section> <aside> <h2></h2> <ul> <li class="module"> <h3 class="module-title"></h3> <div class="module-block"></div> </li> <li class="module"> <h3 class="module-title"></h3> <div class="module-block"></div> </li> <li class="module"> <h3 class="module-title"></h3> <div class="module-block"></div> </li> </ul> </aside> <footer> <p></p> </footer> </section> <footer id="site-footer" class="phat-footer"> <ul> <li></li> <li></li> <li></li> </ul> <ul> <li></li> <li></li> <li></li> </ul> <ul> <li></li> <li></li> <li></li> </ul> <p></p> </footer> </div> </body> </html>