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

时间:2016-04-09 15:47:56

标签: html

我在学习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> 

1 个答案:

答案 0 :(得分:3)

它被标记为列表,因为内容是链接列表。它是无序的,因为链接的顺序并不特别重要(与你需要阅读章节以便它们有意义的小说相比)。这就是它的本质,所以标记描述了它。

同样,产品链接列表是一个列表,因此标记表明它是一个列表。

至于替代品......没有好的选择。 HTML应该描述它正在标记的内容的语义,这些是链接列表。