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

Question

可能重复：
为什么我应该使用“li”而不是“div”？

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

Answer 1

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

Answer 2

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

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

尽管在这种情况下使用列表是一种很好的做法，但选择其中一个并没有技术优势。

进一步阅读： 为什么我应该使用“li”而不是“div”？

Answer 3

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

1. 您的 CSS 中的div说明可能已经具有您希望使用 jQuery 插件（或本例中的滑块）的内部项目实现的margin和/或属性。padding
2. 使用 s 模板可以更容易，div因为内部项目不需要是lis。

否则，我同意其他答案。

• li与语义模型更加一致。