HTML中div和span比较_动力节点Java学院整理

HTML中，div和span是常用的两种容器标签。它们的作用是将一系列HTML元素打包成单个元素，从而方便控制这些元素的样式和行为。 

在使用div和span标签时，它们的区别主要在于它们在HTML文档中的语义、样式和行为方面的不同。

一、HTML文档的语义

在HTML文档中，div通常用于将一组相关的元素组合起来，形成一个单独的块，类似于一个容器。div标签通常用于网页排版的布局，可以设置它的宽度、高度等属性。

而span标签通常用于将一组相关的元素组合起来，形成一个单独的行内元素，类似于一个包装器，它不会打断文本内容。span标签通常用于文本排版，可以设置它的颜色、字体等属性。

二、样式方面的不同

由于div标签是一个块级元素，所以它会在HTML页面上占据一整行或者是一整块的空间。而span标签是一个行内元素，它不会占据整个空间，只会包裹住所属的文字或者其他行内元素。

在CSS样式中，div标签的样式通常有：

1. width：设置它的宽度；

2. height：设置它的高度；

3. background-color：设置它的背景颜色；

4. border：设置它的边框；

5. margin：设置它的外边距；

6. padding：设置它的内边距。

而span标签的样式通常有：

1. font-size：设置它的字体大小；

2. font-weight：设置它的字体粗细；

3. font-family：设置它的字体名称；

4. color：设置它的字体颜色。

三、行为方面的不同

在HTML中，div标签和span标签还有一些行为上的不同。其中最主要的是IE6以下的浏览器不支持span标签设置width和height属性，而支持div标签设置这些属性。

总结：

1. div通常用于将一组相关的元素组合起来，形成一个单独的块，用于网页排版的布局；

2. span通常用于将一组相关的元素组合起来，形成一个单独的行内元素，用于文本排版；

3. div是一个块级元素，在CSS样式中常用的属性有width、height、background-color、border、margin、padding等；

4. span是一个行内元素，在CSS样式中常用的属性有font-size、font-weight、font-family、color等；

5. IE6以下的浏览器不支持span标签设置width和height属性，而支持div标签设置这些属性。