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

Question

  

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

我正在弄清楚如何制作完美的幻灯片/主页滑块。许多教程和示例为每张幻灯片使用li元素，而其他人使用div。使用列表项有什么好处？它看起来很复杂：通常div用于分隔内容字段。

Answer 1

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

Answer 2

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

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

虽然在这种情况下使用列表是一种很好的做法，但选择一种方法没有技术优势。

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

Answer 3

我发现将div用于li的两个潜在优势。

1. 您的CSS中的div说明可能已经包含您要使用jQuery插件的内部项实现的margin和/或padding属性（在这种情况下为滑块）。
2. 使用div可以更轻松地模板化，因为内部项目不需要li s。

否则，我同意其他答案。

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