介绍HTML5语义元素实例

<article>  <h1>Internet Explorer 9</h1>  <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to  the  public on March 14, 2011 at 21:00 PDT.....</p></article>

<nav><a href="/html/">HTML</a> |<a href="/css/">CSS</a> |<a href="/js/">JavaScript</a> |<a href="/jquery/">jQuery</a></nav>

<p>My family and I visited The Epcot center this summer.</p><aside>  <h4>Epcot Center</h4>  <p>The Epcot Center is a theme park in Disney World, Florida.</p></aside>

<article>  <header>    <h1>Internet Explorer 9</h1>    <p><time pubdate datetime="2011-03-15"></time></p>  </header>  <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to  the  public on March 14, 2011 at 21:00 PDT.....</p></article>

<footer>  <p>Posted by: Hege Refsnes</p>  <p><time pubdate datetime="2012-03-01"></time></p></footer>

<figure>  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304"    style="max-width:90%">  <figcaption>Fig1. - The Pulpit Pock, Norway.</figcaption></figure>

header, section, footer, aside, nav, article, figure{ display: block; }

<!--[if lt IE 9]><script src="html5shiv.js"></script><![endif]-->