在何时选择使用DIV和SPAN来包裹某些内容?
当需要包裹一些内容时,如何选择使用`div`还是`span`,可以根据以下原则进行选择。
首先,对于空元素,`div`更合适,因为可以定义其宽度和高度,而`span`没有这样的效果。
其次,可以通过一个简单的例子来证明这一点,可以在这里看到例子的效果:http://jsfiddle.net/yahavbr/4DZkV/
这是因为只有块级元素才能设置高度和宽度。如问题中所说,默认情况下,`div`是块级元素,`span`是内联元素。因此,对于空元素,取决于你想要做什么。如果空元素需要在正常的文本流中使用,并且用于通过AJAX获取内容,那么使用`span`是有意义的。如果你需要一个块级分隔符,通过AJAX获取图像等,那么使用空的`div`是有意义的。
选择使用`div`还是`span`主要取决于你想要实现的效果。
在使用HTML标记语言时,经常会遇到需要用DIV或SPAN来包裹某些内容的情况。那么如何选择何时使用DIV和何时使用SPAN呢?以下是关于这个的问题:
正如你所指出的,应该使用DIV来分割块级元素,使用SPAN来标记内联内容。同时,我们应该尽量避免改变它们的显示类型。
改变DIV和SPAN的显示类型几乎相当于将B标签变为斜体,将I标签变为粗体...相信我,我见过有人这样做。
如果内部内容是内联的,就使用SPAN;如果是块级的,就使用DIV。
我的问题是,当我们使用空的DIV或SPAN(没有内容)来达到某种效果时,该选择哪一个才是正确的。
据我所知,如果SPAN没有内容,它将无法正确渲染,除非你在其中强制添加一个空格。
这实际上是很合乎逻辑的。每当你被迫在DIV上添加"display:inline"时,那么从一开始它应该就是一个SPAN,反之亦然。
所以,如果我们需要空标签具有宽度和高度,那么应该始终使用DIV,而不应该使用SPAN。