我看到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文档,看起来它会验证,但它在语义上是否正确?
答案 0 :(得分:3)
是肯定的。实际上我已经看到了很好的论据,一切都是一个列表,因此列出你的评论完全是语义上的方式....
ul方法优于div,因为它提供了比div更多的上下文。没有太大的区别,但显而易见且重要。
答案 1 :(得分:0)
在div元素上使用列表肯定更具语义性。只要您显示的内容是“事物”列表,那么使用列表元素就可以了。
答案 2 :(得分:0)
在您开始进行流畅或响应式设计之前,可能没有任何问题。然后这个ul想法就没有意义了。
答案 3 :(得分:0)
我认为无序列表更具语义正确性。幻灯片是显示具有不同效果的事物列表。
DIV是没有语义含义的标签,那么,您会选择什么?
提示:请务必填写img标签的alt属性。