HTML中div和span的理解

       这几天在菜鸟教程上学习HTML，学到html创建表格、列表、图像链接等等，其实前面都较容易理解，相信大家也都感同身受，第一个难点就是在于HTML区块的div和span的理解

       百度搜了一下，查看到了非常好的解释，分享给大家

       在使用css排版网页时，span和div常用的两个的标记。利用这个两个标记，加上css样式控制，可以实现很复杂的网页效果，下面为大家详细讲解一下他们区别和使用。

       span和div概念区别和相似点

       div标记是html3.0时提出来的，但是不常用，直到css的出现才慢慢变得应用广泛起来。HTML4.0以后span才被引入，主要针对样式表设计的。div与之间可以理解成一个容器，这个容器可以放段落、标题、图片等各种HTML元素。div与之前的内容可看做一个独立内容的对象，对于css的控制。先需要对div控制，再对div中各标记的元素再进行控制。

     span标记与div标记一样，作为容器标记广泛应用在HTML中。span与中间同样可以容纳各种html元素，span与中间也可以视为独立的对象。span和div两个标记都可以独立出区块，这一点没有很大的区别。

     span和div区别在于，div是一个块级元素，它包含的元素会自动换行。而span是行内元素，在它的前后不会换行。span没有结构上的意义，只是单纯的应用样式，其他元素不适合时，就可以使用span元素。span可以作为div的子元素，但div不能是span的子元素，如果出现span中出现div不符合ws3c的页面标准。

    span元素宽度是被包围的内容宽度决定，不建议给span设置宽度属性width，可以给span设置margin值，设置与父元素之前的距离。span可以通过css声明（display:block）转换为块元素，想对一行中的文字或图片单独设置样式，而又由不需要换行的条件下又不影响其他行内其他内容，span可以很好解决这些问题。