当前位置:Gxlcms > html代码 > html中<aside>标签的使用方法介绍

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

时间:2021-07-01 10:21:17 帮助过:123人阅读

这个标签怎么用的?具体点!
W3C解释为:
<aside> 标签定义其所处内容之外的内容。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>

以上就是html中<aside>标签的使用方法介绍的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行