html中<aside>标签的使用方法介绍

aside为语义化标签
通常用来描述与文档主体内容不相关的内容
比如，博客文章用atricle标签，而博客旁边的文章信息栏(作者头像、博文分类、作者等级等于博客正文内容无关的)用aside
百度知道是问答网站，主体就是提问和回答，所以提问回答这边是用article，而右边那个用户信息、升级进度，广告和推荐的知识那些与该问题的回答和提问内容都无关，与主题内容不相关的区域用的就是aside
简单的说aside可用作通用信息展示（信息栏）等

下面 下面小编给大家分享的是学习aside标签的两种使用方法 ，在这里详细的介绍了学习aside标签的两种使用方法 ，希望对大家有所帮助.

1）被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、名次解释，等等。

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

2）在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以使友情链接，博客中的其它文章列表、广告单元等。

<aside>
 <h2>…</h2>
 <ul>
 <li>…</li>
 <li>…</li>
 </ul>
 <h2>…</h2>
 <ul>
 <li>…</li>
 <li>…</li>
 </ul>
</aside>