将导航栏排列为无序列表在HTML中有什么区别?
我是在学习HTML的时候通过导航栏来的,我不知道为什么编写它的人把它写成了 我还想知道为什么他的“产品”下拉菜单中嵌套了一个无序列表?除此之外还有其他选择吗 代码如下:将导航栏排列为无序列表在HTML中有什么区别?,html,Html,我是在学习HTML的时候通过导航栏来的,我不知道为什么编写它的人把它写成了 我还想知道为什么他的“产品”下拉菜单中嵌套了一个无序列表?除此之外还有其他选择吗 代码如下: <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li>
<a href="#">Products</a>
<ul>
<li><a href="#">Engineering</a></li>
<li><a href="#">Telecom</a></li>
<li><a href="#">Energy</a></li>
<li><a href="#">Finance</a></li>
<li><a href="#">Consultancy</a></li>
</ul>
</li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
-
它被标记为一个列表,因为内容是一个链接列表。它是无序的,因为链接的顺序并不特别重要(与小说相比,你需要阅读章节才能使它们有意义)。这就是它的本质,因此标记描述了它
同样,产品链接列表是一个列表,因此标记表示它是一个列表
至于其他选择……没有好的选择。HTML应该描述它标记的内容的语义,这些是链接列表。当然,您可以将布局中的每个元素都设置为
。区分数百个嵌套的
要容易得多,对吗?想想语义:导航栏就像一个链接列表,其顺序与内容无关(仅限于布局),因此使用无序列表。@j08691您的评论给出了最好的答案,非常感谢