<nav> 和 <aside> 在 HTML 中导航的语义差异 [关闭]

Question

据我所知，将导航链接和元素放在<nav> 中是语义化的。但是，我也看到很多人将他们的导航链接和元素放在<aside> 中，而他们的导航内容位于页面的主要内容旁边。

在我目前开发网站的方式中，我在 <header> 中有“入住”、“退房”和“现在预订”，在左侧的 <nav> 中有多个导航链接页面的一侧。

我应该将导航内容保存在<nav> 中还是将其放在<aside> 中？哪一个在语义上正确且最容易理解？

Answer 1

这就是我要做的：

红色框是aside，里面的蓝色框是nav。

这里是a good blog post，涵盖了这些标签的语义。 这取决于您的布局。 aside 通常是一个小列，位于布局的主要内容旁边。 nav 将是用于导航目的的任何链接列表。我通常认为aside 是一个更大的容器，nav 只是一个链接列表。这都是非常语义化和非常基于意见的。

Answer 2

在这种情况下你不应该使用aside。

这是您的导航，所以nav element 显然是这里的最佳选择。

使用aside element 是没有意义的，因为某些内容会显示在侧边栏中。是否使用 aside 的选择应取决于内容及其在上下文中的用途，而不是 CSS。

aside 用于“切向相关”的内容，但主导航几乎不仅仅与文档“切向”相关。