一直在试验无序列表UL,我似乎有使用它们代替div的varios示例..
所以我有点困惑,我什么时候应该使用div和ul ..
例如,如果我有3列布局,那么我假设我在这里使用了div,虽然我可以使用UL
同样在右栏我有很多格式要做,想法是在div中放置带div的div ...
任何人都可以指出何时使用其中一个而且是否存在浏览器兼容性问题?
我看到有些网站说UL比div更干净,但情况确实如此?
也有人说你可以建立一个完整的UL和LI布局,但你永远不会这样做 - 为什么?
我想你知道我要去哪里,我只是对何时使用另一个而感到困惑。
一个例子是在我的第3列(右) - 它是一个div,但在里面我需要放一个圆形的BOX,所以我想把更多的div放在这里用角落图像?
任何帮助都会非常感激
答案 0 :(得分:2)
UL是列表元素。因此,如果您有一组列表项,您将使用UL。一个很好的例子是一组菜单选项 - 这些选项与UL一样好。
答案 1 :(得分:2)
< DIV>只是一个由css格式化的块元素。 < UL>有一个额外的语义属性;它告诉浏览器你是列出的东西。这对于屏幕阅读器,纯文本浏览器等非常重要。
答案 2 :(得分:2)
UL代表无序列表。将其用于订单无关的商品列表。
DIV代表分部。用它来分组项目。
UL比div更清洁--- IF 你正在做一个清单。菜单主要是链接列表。图库有一个图像列表。论坛有一个消息列表和一个用户列表。
RE:圆角:有HTML,还有更多语义 HTML。你可以使用<div>
来做任何事情,你几乎没有注意到差别,但是使用适当的元素会让你更容易理解(当你把设计放在一起时,你的屏幕刮板试图找到合适的元素)页面中的项目,以及识别内容和导航元素片段的足够智能的搜索引擎。)
所以,为了做圆角,你应该考虑一个角落应该有自己的无内容div(遗憾的是,由于今天的渲染引擎,它确实如此),或者如果你可以使用更好的解决方案(即,如果侧边栏是固定尺寸,您可以使用单个背景;如果您需要在一个尺寸上展开,您可以使用两个:顶部对齐的天花板和底部对齐的地板自己的“移动“div(理论上你可以通过修改div的底部元素来避免额外的div)。”
答案 3 :(得分:1)
答案 4 :(得分:0)
当他们造型的元素在语义上等同于列表(例如,导航栏或内容页面)时,人们倾向于使用UL而不是DIV,尤其是在内容的长度可能发生变化的情况下(编辑时)后面的清单)。实际上没有太大区别,虽然屏幕阅读器和其他可访问技术可能更容易阅读导航栏,如果它是一个列表而不是一堆div。
答案 5 :(得分:0)
他们甚至没有完全相同。一个DIV就像你可以得到一个“干净”的元素一样接近,这意味着一个没有很多行李的东西:填充,边距等。为了澄清,DIV在Firefox中的行为与它相同。在IE中。但UL(特别是LI儿童)具有不同的填充量和不同的行为。尝试让LI元素中的项目符号看起来一样,你会看到我在说什么。
具有LI元素的UL有利于并且在此未提及的一件事是制作包装“面包屑”的痕迹。您必须将元素设置为内联显示,但这是一种便宜且简单的方法来获得水平流动的盒子而不会浮动一堆div。然而即使在这里,不同浏览器的里程也不同。我想,这是一个警告。