制作导航栏的项目html

Question

我将使用<nav> </nav>创建导航栏。但我不知道该使用<Li></Li>并在其中制作物品，还是<a></a>很好？这两者有什么区别？哪个更好？

<nav>
<ul>
    <li><a href="#home">Home</a></li>
    <li><a href="#About">About</a></li>
    <li><a href="#Contact">Contact</a></li>
    <li><a href="#Buy">Buy</a></li>
</ul></nav>

或

<nav>
 <a href="#home">Home</a>
 <a href="#About">About</a>
 <a href="#Contact">Contact</a>
 <a href="#Buy">Buy</a>   </nav>

Answer 1

如果您确实需要做的事情都可以，但是正如合作伙伴所说，从语义上讲，第一个是正确的选项，如果您选择此选项，浏览器和用户将感谢您：]。

此链接是正确使用语义html及其所有标签的良好参考：

https://www.w3schools.com/html/html5_semantic_elements.asp

Answer 2

您可以同时使用它们，这取决于要获得的结果。标签ul用于创建“无序列表”，默认情况下，其内部格式为li标签。我认为您可能要搜索的主要区别之一是，如果将display: flex;应用于元素，则使li元素在另一个元素之后出现。在这里，我为您举例说明如何应用它：

<navbar>
            <ul style="display=flex;">
                <li>
                    <a href="xxx"></a>
                </li>
                <li>
                    <a href="xxx"></a>
                </li>
                <li>
                    <a href="xxx"></a>
                </li>
            </ul>
</navbar>

检查https://www.w3schools.com/css/css_navbar.asp以获取更多直观示例。