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

黄舟
黄舟 原创
2017-06-19 16:22:58 3200浏览

这个标签怎么用的?具体点!
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>标签的使用方法介绍的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。