<nav> 和 <aside> 在 HTML 中导航的语义差异
Semantic differences between <nav> and <aside> for navigation in HTML
据我所知,将导航链接和元素放在 <nav>
中是符合语义的。但是,我也看到很多人在导航内容位于页面主要内容旁边时将导航链接和元素放在 <aside>
中。
在我目前开发网站的方式中,我在 <header>
中有“入住”、“退房”和“立即预订”,在 [= 中有多个导航链接13=] 沿页面左侧。
我应该将导航内容放在 <nav>
内还是放在 <aside>
内?哪一个在语义上是正确的并且最容易理解?
这就是我要做的:
红色方框是 aside
,里面的蓝色方框是 nav
。
这里 a good blog post 涵盖了这些标签的语义。
这取决于您的布局。 aside
通常是位于布局主要内容旁边的小栏。 nav
将是用于导航目的的任何链接列表。我通常认为 aside
是一个更大的容器,而 nav
只是一个链接列表。这完全是基于语义和观点的。
在这种情况下你不应该使用 aside
。
是你的导航,所以nav
element显然是这里最好的选择。
仅仅因为某些内容显示在侧边栏中就使用 aside
element 是没有意义的。选择是否使用 aside
应该取决于内容及其在上下文中的目的,而不是 CSS.
aside
用于 "tangentially related" 内容,但主要导航几乎不只 "tangentially" 与文档相关。
据我所知,将导航链接和元素放在 <nav>
中是符合语义的。但是,我也看到很多人在导航内容位于页面主要内容旁边时将导航链接和元素放在 <aside>
中。
在我目前开发网站的方式中,我在 <header>
中有“入住”、“退房”和“立即预订”,在 [= 中有多个导航链接13=] 沿页面左侧。
我应该将导航内容放在 <nav>
内还是放在 <aside>
内?哪一个在语义上是正确的并且最容易理解?
这就是我要做的:
红色方框是 aside
,里面的蓝色方框是 nav
。
这里 a good blog post 涵盖了这些标签的语义。
这取决于您的布局。 aside
通常是位于布局主要内容旁边的小栏。 nav
将是用于导航目的的任何链接列表。我通常认为 aside
是一个更大的容器,而 nav
只是一个链接列表。这完全是基于语义和观点的。
在这种情况下你不应该使用 aside
。
是你的导航,所以nav
element显然是这里最好的选择。
仅仅因为某些内容显示在侧边栏中就使用 aside
element 是没有意义的。选择是否使用 aside
应该取决于内容及其在上下文中的目的,而不是 CSS.
aside
用于 "tangentially related" 内容,但主要导航几乎不只 "tangentially" 与文档相关。