html - 为网页侧边栏使用 side 标签?
问题描述
假设我有一个包含以下内容的网页:新闻文章和产品页面。对于新闻类别,我想使用侧边栏布局,其中文章在左侧,侧边栏在右侧,两者都占据了主要内容的整个高度。
规范提到,aside 标签应该与周围的内容间接相关。换句话说,它应该是相关的,但不是文章内容的必要部分?好的,那么如果我使用产品页面的侧边栏并将产品过滤器添加到侧边栏怎么办?不会有直接关系吧?
为了简单起见,我几乎想要一个 div 标签,这似乎是大多数人使用的。互联网上也充斥着关于备用标签的大量不同意见,因此根据规格,应该在何时何地使用它似乎不是很清楚。
PS:屏幕阅读器、搜索引擎(或其他任何东西)是否会从使用此标签中受益?
这是我考虑过的两个选项:
<main>
<article></article>
<aside>
<section>Article categories</section>
<section>Latest articles</section>
<section>Popular articles</section>
<section>Related links</section>
</aside>
</main>
or...
<main>
<article></article>
<div class="sidebar">
<section>Article categories</section>
<section>Latest articles</section>
<section>Popular articles</section>
<section>Related links</section>
</div>
</main>
解决方案
推荐阅读
- python - 如何在 Python 中获取给定年份和日历周的所有日期?
- typescript - 将变量从一种类型转换为另一种扩展类型
- c# - 为什么 ChangePhoneNumber 总是返回错误的代码?
- android-studio - 如何修复 Android Studio 自动更新灾难
- python - 使用自定义 Web 服务器共享 Anchor ID 不起作用
- hungarian-algorithm - 匈牙利算法 - 二分图方法
- dart - 如何将颤动的 BLoC 流快照转换为自定义对象?
- docker - 在logstash中过滤来自docker gelf的log4j2-Jsonlayout
- c++ - 禁止模板虚函数是不必要的谨慎吗?
- ios - 如何修复添加 QLPreviewController 作为子视图