语义导航NAV与ASIDE

时间:2016-11-02 21:48:59

标签: html html5 semantic-markup

有人可以帮我做出这个决定吗? 到目前为止,我知道你把你​​的主要导航放在导航中,但出于某种原因,我看到每个人都把它们的导航放在一边,如果它位于他们网站的左侧。 (cms的事情或它应该怎么做?) 我在标题中办理登机手续,退房和“立即预订”。 网站导航我在左侧的nav元素中。 (见下图)

正确的方法是什么?

enter image description here

2 个答案:

答案 0 :(得分:14)

在这种情况下,您不应使用aside

这是您的导航,因此nav element显然是最佳选择。

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

aside用于“切向相关”内容,但主要导航不仅“切向”与文档相关。

答案 1 :(得分:5)

这就是我要做的事情:

红色框为aside,其中蓝色框为nav

enter image description here

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