Html 导航栏不带<；ul>；
我对html/css/js很陌生，所以如果这是一个新手问题，请提前道歉。 每次我看到导航栏，人们都倾向于使用ul/li。但是，我认为您可以通过使用和格式化“a”标记来实现完全相同的结果，从而减少html代码，如下例所示： html: 在语义等方面这样做有什么不对吗？如果是，为什么以及使用ul/li标签的优势是什么 这是我的建议Html 导航栏不带<；ul>；,html,css,semantics,Html,Css,Semantics,我对html/css/js很陌生，所以如果这是一个新手问题，请提前道歉。 每次我看到导航栏，人们都倾向于使用ul/li。但是，我认为您可以通过使用和格式化“a”标记来实现完全相同的结果，从而减少html代码，如下例所示： html: 在语义等方面这样做有什么不对吗？如果是，为什么以及使用ul/li标签的优势是什么 这是我的建议 谢谢大家! 如果您想在每个项目下面添加一个下拉列表，则需要有ul标签才能实现该结果。你不能简单地通过使用锚定标签添加下拉菜单，这就是为什么你会看到大多数人使用ul标签，后
谢谢大家! 如果您想在每个项目下面添加一个下拉列表，则需要有ul标签才能实现该结果。你不能简单地通过使用锚定标签添加下拉菜单，这就是为什么你会看到大多数人使用ul标签，后面是li标签来创建下拉菜单的原因。如果您只想在导航栏上显示项目，而不想有下拉列表，那么这种方法可能是可以的：）我知道您的问题是关于语义的 导航元素
，您都可以看到它与可访问性的关系。
同样，您可以查看它与可访问性的关系
因此语义上的区别是一系列的
与链接到某处的纯文本条目更相关。当封装在
中时，它具有链接列表的含义。后者可能更明确地定义导航菜单的概念。使用ul>li
意味着语义列表元素之间的连接，这是您的示例所没有的。这是大多数导航块由列表组成的唯一原因。
<body>
<header>
<nav class="top-nav">
<a href="#about">About me</a>
<a href="#education">Education</a>
<a href="#work">Work</a>
<a href="#interests">Interests & Hobbies</a>
<a href="#contact">Contact</a>
</nav>
</header>
</body>