可以HTML5 <aside> 是否显示在文档底部？

Question

我在文档上显示文章，并在底部显示指向其他文章的链接。

HTML看起来像这样：

<article>...</article>
<article>...</article>
...
<article>...</article>

<aside>
 Other recent articles
 <div> ... </div>
</aside>

我认为与其他文章的链接应为，因为它在MDN中定义为：

页面的一部分，其内容与其余部分相切连接，可以认为与该内容是分开的。

但是名称<aside>似乎暗示该元素应该在左侧或右侧。 可以在底部吗？

Answer 1

“旁听”一词的用法与人们“旁听”的用法类似（实际上，这是<aside>元素的设计目的）。 不一定意味着必须将内容布置在左侧或右侧-这是与内容语义无关的布局问题。 如果您的布局要求将内容放在底部，则可以随意设置其样式。

顺便说一句（heh），如果它是一组导航链接，则可能需要将其标记为<nav> ，但这取决于您。

Answer 2

我认为您可以用不同的方式来解释。 例如，如果内容不存在，页面的重点仍然可以理解。 因此，一旁应保留与内容切线相关的任何内容。

问问自己，如果您删除其中的内容，页面的含义会保持不变吗？

Answer 3

使用HTML，您应该始终将标记的使用视为结构性的 ，而不是表示性的 。

因此，请勿将<aside>的名称视为物理描述。 从构建内容的目的的角度考虑它：将切线相关的内容与主要内容相关联。 这与它在物理页面设计中的放置位置无关。

例如，如果您要使用媒体查询来设计页面，我敢打赌您的移动视图不会在屏幕的任何一侧放置<aside> ，因为空间不足。 您可能会将<aside>内容<aside>在主要内容之后。 但是，当您扩大到桌面尺寸的屏幕时，您有足够的空间将内容放在左侧或右侧（如果需要，但您不必强迫这样做！）。

我还回想起莎士比亚对旁白的用法：角色会从主要剧本中停下来，直接与观众谈论他们的想法或正在发生的事情。 （凯文·史派西（Kevin Spacey）的角色在《纸牌屋》中也做得很多。）

更新：我还查询了“ aside”一词的定义：

与讨论的主要主题没有直接关系的评论。

“食谱书对家庭和家庭的重要性没有什么帮助”