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>个内容。但是，当您扩展到桌面大小的屏幕时，您有足够的空间将内容放在左侧或右侧（如果您愿意，但您不必被迫！）。

我还回想起莎士比亚对asides的用法：角色会从主要戏剧中暂停，直接与观众谈论他们在想什么或者发生了什么。（凯文史派西的角色也在纸牌屋中做了很多。）

更新：我也查了“旁边”一词的定义：

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

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