Html5 模板

作者：任鸟飞目录： PHP+MySQL 发表： 2011年05月26日

相对于Html4，Html5在语法上做了较大变动，并且新增了大量新的标签，使得代码更加简洁但功能更加强大。虽然说Html5变动较大，但有Html基础的人依然很容易转到Html5，下面提供了一个基本的Html5模板，并附加了详细说明，希望能让你快速上手。

Html5 模板下载

Html5源代码


<!doctype html>
  <html lang="zh">
  <head>
   <meta charset="utf-8">
   <title>Basic HTML5 Template</title>
   <meta name="description" content="Basic HTML5 Template from renniaofei.com">
   <meta name="keyword" content="renniaofei.com">
  <link rel="stylesheet" href="styles.css">
  <!--[if lt IE 9]>
   <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  </head>
  <body>
   <header>
   <h1 id="logo"><a href="">Logo</a></h1>
   <p id="description">Description</p>
  <nav>
  <ul>
   <li><a href="http://www.bestdesignmag.com" title="Best Design Magazine">Best Design Magazine</a></li>
   <li><a href="http://www.mwtemplate.com" title="Moblie Web Template">Moblie Web Template</a></li>
   <li><a href="http://www.iDesignWallpaper.com" title="iDesignWallpaper">iDesignWallpaper</a></li>
   <li><a href="http://www.iPhoneFaves.com" title="iPhone Faves">iPhone Faves</a></li>
   <li><a href="http://www.IndustryIdea.com" title="Industry Idea">Industry Idea</a></li>
   <li><a target="_blank" href="http://www.twitter.com/noonewebdesign">Twitter</a></li>
  </ul>
  </nav>
  </header>
  <div id="wrap">
   <artcile>
    <section>Article Section</section>
   </article>
   <aside>Sidebar</aside>
  </div>
  <footer>Footer</footer>
  </body>
  </html>