HTML5 学习笔记2-新增的主体结构元素

1、article 规定对立的自包含内容

<article>
    <h1>Internet Explorer 9</h1>
    <p>Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....</p>
</article>

2、section 定义文档中的节（如：章节、页眉、页脚或者其他部分）

<section>
  <h1>PRC</h1>
  <p>The People's Republic of China was born in 1949...</p>
</section>

注意：

     a、不要将section元素作为设置样式的页面容器（div的工作）

     b、如果article、aside、nav元素更适合的话，不要使用section元素

     c、没有标题内容，不要使用section元素

3、nav 可以用作页面导航的链接组

        

<nav>
    <a href="http://www.youku.com">优酷</a> |
    <a href="http://www.baidu.com">百度</a> |
    <a href="https://www.so.com/">360</a> |
    <a href="http://cn.bing.com/">必应</a>
</nav>

应用场景：

  a、传统导航栏

  b、侧边栏导航

  c、页内导航

  d、翻页导航

4、aside 表示当前页面或者文章的附属信息部分

<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>

5、time 定义元素的日期和时间

<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>