类应用于ul还是包装div?

时间:2012-03-22 16:38:19

标签: html css css3 cross-browser accessibility

#1和#2有区别吗?我正在考虑跨浏览器兼容性和可访问性。我是否应该选择另一种方法,或者它没有什么区别? 欢迎任何有关该主题的文章的链接。

<div class="tags">
<ul>
<li>tag 1</li>
<li>tag 2</li>
<li>tag 3</li>
</ul>
</div>


<ul class="tags">
<li>tag 1</li>
<li>tag 2</li>
<li>tag 3</li>
</ul>

2 个答案:

答案 0 :(得分:5)

div是一个空的(语义无意义)元素,直到你给它样式和内容。由于默认情况下div和uls都是块级元素,因此它似乎只是添加额外的代码来使用包装div。除非你试图做一些类似的事情,比如说,设置ul周围的区域,你可能想要一个包装div,并应用自己的样式。我们可能会看到你有什么特别的目的吗?

答案 1 :(得分:0)

如果我想在容器中放入不同的内容,比如使用AJAX插入,我更喜欢选项1.由于divul都是块级元素,因此添加额外的{{ 1}}容器是过度的,除非你想设置div的样式(即填充)