将导航栏排列为无序列表在HTML中有什么区别?

将导航栏排列为无序列表在HTML中有什么区别?,html,Html,我是在学习HTML的时候通过导航栏来的,我不知道为什么编写它的人把它写成了 我还想知道为什么他的“产品”下拉菜单中嵌套了一个无序列表?除此之外还有其他选择吗 代码如下: <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li>

我是在学习HTML的时候通过导航栏来的,我不知道为什么编写它的人把它写成了

我还想知道为什么他的“产品”下拉菜单中嵌套了一个无序列表?除此之外还有其他选择吗

代码如下:

<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您的评论给出了最好的答案,非常感谢