为什么这么多jQuery滑块使用列表而不是div？

Question

可能重复： Why should I use ‘li’ instead of ‘div’?

我正在研究如何制作一个完美的幻灯片/主页滑块。许多教程和示例对每一张幻灯片都使用li元素，而另一些则使用div。使用列表项的好处是什么？在我看来，这似乎很复杂:通常div用于分隔内容字段。

Answer 1

• div用于对封闭元素进行逻辑分组。
• li用于定义列表项。

如果您需要表示一个项目列表，则使用'li‘在语义上更合适。在这种情况下，您必须表示滑块中的图像列表。因此，最好使用“li”而不是“div”。

虽然在这个场景中使用列表是一个很好的实践，但是选择一个而另一个没有技术优势。

进一步阅读：Why should I use 'li' instead of 'div'?

Answer 2

这主要是出于语义上的原因--你在存储/访问一个内容项列表，在概念上将它存储在一个列表中是有意义的。

Answer 3

我看到了将divs用于lis的两个潜在优势。

1. 您的CSS中的div指令可能已经具有margin和/或padding属性，您希望使用jQuery插件的内部项来实现这些属性(在本例中为滑块)。
2. 使用div的模板可能更容易，因为内部项不需要是li的。

否则，我同意其他答案。

• li更符合语义模型。