2012-03-22 47 views
1

beetwen#1和#2有什么不同吗?我正在考虑跨浏览器兼容性和可访问性。我应该更喜欢一种方法,还是不会有所作为? 任何链接到这个问题的文章是受欢迎的。类应用于UL或包装div?

<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> 
+3

你应该尽量保持您的html尽可能瘦,这意味着避免不必要的div。 div没有语义含义,只能在需要时使用。在上面的例子中,没有更多的上下文,你应该去选择2. – Jason 2012-03-22 16:42:30

回答

5

div是一个空的(语义上无意义的)元素,直到你给它的样式和内容。由于默认情况下,div和uls都是块级元素,所以它似乎只是添加额外的代码来使用包装div。除非你正在尝试做某些事情,比如说,围绕ul来设计区域,在那里你可能需要一个应用了自己样式的包装div。你有什么特别的目的,我们可能会看到?

+0

谢谢。这是每篇博客文章末尾的标签列表。他们已经在

标签中,我不需要特别的风格,所以我会选择#2。 – Barbara 2012-03-22 16:57:23

0

在我希望把不同的内容在容器中,像AJAX insertings情况下,我宁愿选择1.由于两个divul是块级元素,增加额外的div容器是矫枉过正,除非你想风格的div(即填充)