div vs li何时使用它们

Question

嗨我有大约六个月的网站开发经验.我有以下观察,我使用<div>标签很多,它让我能够定位元素,存档元素,似乎我可以使用<div>标签来做所有事情,只需使用它的显示属性.

除了水平菜单导航之外,我从来没有必须组合使用<ul>或<li>组合元素,我不知道为什么你不能用<div>元素来做,但它似乎是实现水平菜单的"惯例".

我错过了什么？<li>元素有哪些属性比<div>元素更好或更有用？

_{请不要将此问题仅限于水平菜单列表; 我想知道你会使用<li>其他东西的任何场景.}

Answer 1

是的,您可以使用div标签严格执行任何操作(或多或少)(例外情况,例如表单和输入,图像,以及不是).但那不是重点.

首先,特定标签具有应用于它们的默认css.例如,李有子弹.您可以更改这些,但在许多情况下,使用具有您正在寻找的样式的标记会更容易.

但最重要的原因是所谓的"语义标记",即您使用的元素对应于语义的概念.li意味着它是一个项目列表,所以即使你没有应用CSS(例如当屏幕阅读器为盲人朗读一个页面时),它仍然有意义.