1.3.4　课堂案例——使用aside元素

aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或与主要内容相关的引用、侧边栏、广告、导航条，以及其他有别于主要内容的部分。

aside元素主要有以下两种使用方法。

（1）包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的参考资料、名词解释等，代码结构形式如下所示。

<article>
 <h1>…</h1>
  <p>…</p>
  <aside>…</aside>
</article>

（2）在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以是友情链接、文章列表、广告单元等。代码示例如下所示，在浏览器中的效果如图1.13所示。

<aside>
<h2>新闻资讯</h2>
  <ul>
    <li>公司新闻</li>
    <li>行业新闻</li>
  </ul>图1.13 aside元素示例
<h2>主营项目</h2>
  <ul>
    <li>网站建设</li>
    <li>软件开发</li>
    <li>网店装修</li>
  </ul>
</aside>

图1.13 aside元素示例