HTML中的span标记和div标记

Span和div是使用css编写网页时常用的标签。使用这两个标签，加上css样式控件，可以实现非常复杂的网页效果。让我们详细解释一下它们的区别和用途。

span和div概念区别和相似点

Div标签是html3.0中提出来的，但是直到css出现才普遍使用。Span是HTML4.0之后引入的，主要是为样式表设计的。Div和可以理解为一个容器，可以容纳段落、标题、图片等各种HTML元素。Div和之前的内容可以看作是一个独立的内容对象，控制css。需要先控制div，然后再控制div中标记的元素。

Span标签和div标签一样，在HTML中作为容器标签被广泛使用。Span和middle可以容纳各种html元素，span和middle也可以看作是独立的对象。Span和div标签可以独立分区，区别不是很大。

span和div功能区别

span和div的区别在于div是块级元素，它包含的元素会自动换行。span是一个内联元素，它不环绕它。Span没有结构意义，只是简单的套用样式。当其他元素不适用时，可以使用跨度元素。Span可以作为div的子元素，但是div不能作为span的子元素。如果span中出现div，则不符合ws3c的页面标准。

span和div使用区别

span元素的宽度由包含内容的宽度决定。不建议为span设置width属性width，但建议设置margin值和距父元素的距离。Span可以通过css声明转换成块元素(display:block)。需要单独为一行中的文本或图片设置样式，但是不换行不会影响其他行中的其他内容。span可以很好的解决这些问题。