SPAN元素和DIV元素

基本概念：

行内元素：指该元素标记的内容不不会对现在的结构造成影响，属于应用样式，辅助应用样式表等作 用。

块级元素：元素为一个块状，单独占据一行，相当于在一个该元素前后各加一个换行。

区别：  

  DIV(division)是一个块级元素，可以包含段 落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 块元素相当于内嵌元素在前后各加一个换行。其实，块元素和行内元素也不是一成 不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元 素定义了display:block就成了块元素了。

  span和div元素用于组织和结构化文档，并经常联合class和id属性一起使用。

用span组织元素

span元素可以说是一种中性元素，因为它不对文档本身添加任何东西。但是与CSS结合使用的话，span可以对文档中的部分文本增添视觉效果。也可以采用id来为span元素添加样式，如果采用id的话，你必须为这三个span元素各自分别指定一个唯一的id。

用div组织元素

如前面例子所示，span的使用局限在一个块元素内，而div可以被用来组织一个或多个块元素。除去这点区别，div和span在组织元素方面相差无几。

 

 

＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。 

　　还有一个标识符具有类似的功能，＜div＞DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

　　效果：

　　SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。 

　　还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。