将图像放在HTML列表中以进行幻灯片放映是否在语义上正确?

时间:2013-06-26 17:09:45

标签: html semantic-markup

我看到HTML列表用于整个网络上的各种各样的事情,它真的让我对如何在语义上使用它们感到困惑。显而易见的是列表是为了列出文本或链接而创建的,但是幻灯片放映的图像怎么样呢?感觉错了?

<ul class="slideshow">
  <li><img src="http://placehold.it/480x270" alt="Slide 1"></li>
  <li><img src="http://placehold.it/480x270" alt="Slide 2"></li>
  <li><img src="http://placehold.it/480x270" alt="Slide 3"></li>
</ul>

使用像这样的div在语义上更正确吗?

<div class="slideshow">
  <div><img src="http://placehold.it/480x270" alt="Slide 1"></div>
  <div><img src="http://placehold.it/480x270" alt="Slide 2"></div>
  <div><img src="http://placehold.it/480x270" alt="Slide 3"></div>
</div>

我也看过使用list构建的表单,我不太确定那个以太。我查看了W3C文档,看起来它会验证,但它在语义上是否正确?

4 个答案:

答案 0 :(得分:3)

是肯定的。实际上我已经看到了很好的论据,一切都是一个列表,因此列出你的评论完全是语义上的方式....

ul方法优于div,因为它提供了比div更多的上下文。没有太大的区别,但显而易见且重要。

答案 1 :(得分:0)

在div元素上使用列表肯定更具语义性。只要您显示的内容是“事物”列表,那么使用列表元素就可以了。

答案 2 :(得分:0)

在您开始进行流畅或响应式设计之前,可能没有任何问题。然后这个ul想法就没有意义了。

答案 3 :(得分:0)

我认为无序列表更具语义正确性。幻灯片是显示具有不同效果的事物列表。

DIV是没有语义含义的标签,那么,您会选择什么?

提示:请务必填写img标签的alt属性。