aside元素

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

  使用方法:

  (1)包含在article中,作为主要内容的附属信息,如参考资料等。

      <article>
          <h1>文章标题</h1>
          <p>文章正文</p>
          <aside>
              <h1>名词解释</h1>
              <dl>
                  <dt>C#</dt>
                  <dd>C#的解释情况</dd>
              </dl>
              <dl>
                  <dt>F#</dt>
                  <dd>F#的解释情况</dd>
              </dl>
          </aside>
      </article>

  (2)在article之外元素使用,作为页面或站点全局的附属信息部分。

    示例:博客网中一个侧边栏的示例

 1     <aside>
 2           <ul>
 3               <li><a href="http://blog.sina.com.cn/1683">erway</a>10-24 14:25</li>
 4               <li><a href="http://blog.sina.com.cn/u/1345">太阳雨</a></li>
 5               <li><a href="http://blog.sina.com.cn/s/blog_6a9kv8f.html#comment">顶!!!!!!!!!!!!!!</a></li>
 6               <li>
 7                   <a href="http://blog.sina.com.cn/u/1259295385">新浪官博</a>
 8                   <a href="#">恭喜成功!</a>
 9               </li>
10           </ul>
11       </aside>

 

posted @ 2016-10-30 22:55  ruanjian1305  阅读(209)  评论(0编辑  收藏  举报