我应该在< nav>内使用< ul>和< li>？ [英] Should I use <ul>s and <li>s inside my <nav>s?

问题描述

标题几乎解释了它。

现在我们有一个专用的< nav> 标签，

是这样的：

 < nav> 
< ul> 
< li>< a href =＃foo> foo< / a>< / li> 
< li>< a href =＃bar>栏< / a>< / li> 
< li>< a href =＃baz> baz< / a>< / li> 
< / ul> 
< / nav> 
  

比以下更好吗？

 < NAV> 
< a href =＃foo> foo< / a> 
< a href =＃bar>栏< / a> 
< a href =＃baz> baz< / a> 
< / nav> 
  

我的意思是，假设我不需要为某些CSS定位/填充添加额外的DOM级别，什么是首选方式，为什么？

解决方案

nav元素和列表提供了不同的语义信息：

• nav元素表示我们正在处理主要的导航块



• p>该列表表明此导航块内的链接形成了项目列表

http://w3c.github.io/html/sections.html#the-nav-element 你可以看到一个nav元素也可能包含散文。

所以是的，在nav元素中有一个列表会增加含义。

The title pretty much explains it.

Now that we have a dedicated <nav> tag,

Is this:

<nav>
  <ul>
    <li><a href="#foo">foo</a></li>
    <li><a href="#bar">bar</a></li>
    <li><a href="#baz">baz</a></li>
  </ul>
</nav>

any better than the following?

<nav>
  <a href="#foo">foo</a>
  <a href="#bar">bar</a>
  <a href="#baz">baz</a>
</nav>

I mean, assuming that I don't need an extra DOM level for some CSS positioning/padding, what is the preferred way, and why?

解决方案

the nav element and the list provide different semantical information:

• The nav element communicates that we're dealing with a major navigation block

• The list communicates that the links inside this navigation block form a list of items

At http://w3c.github.io/html/sections.html#the-nav-element you can see that a nav element could also contain prose.

So yes, having a list inside a nav element does add meaning.

这篇关于我应该在< nav>内使用< ul>和< li>？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！