时间戳

首页 > 解决方案 > 制作导航栏的项目 html

html - 制作导航栏的项目 html

问题描述

我将使用<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>

标签： htmlcsshtml-listsnavigationbar

解决方案

您可以同时使用它们，这取决于您想要获得的结果。该标签ul用于创建“无序列表”，默认情况下会格式化其中的li标签。我认为您可能正在寻找的主要区别之一是，如果您将 应用于display: flex;元素，则使li元素一个接一个地显示。在这里，我举一个例子来说明我如何应用它：

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

查看https://www.w3schools.com/css/css_navbar.asp以获得更直观的示例。

推荐阅读