总结div和span的区别与用法

什么是span标签元素？

在html标签元素中，span元素是一个in-line元素，也就是一个内联元素。它的特点是不会独占一行。它和块（block）级元素是相对的，块级元素是独占一行的。span元素没有实际意义，它的存在纯粹是为了应用样式，给一段内容加上标记可以通过在span上定义样式来设定其内容的样式。

什么是DIV标签元素？

DIV可定义文档中的分区或节（division/section）。DIV标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 DIV，那么该标签的作用会变得更加有效。div标签也被用来在HTML文件中建立逻辑部分。但与 span标签不同， 工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

下面的文章中总结一下span标签元素使用以及DIV和span的区别。

首先可以学习php中文网相关的免费课程

1. 学习《HTML+CSS基础入门教程》中的 HTML基础教程之标签 章节   

2. 观看《黑马程序员html视频教程》 中 文本DIV和span的标签  视频课程

span标签元素内容

1. 关于HTML5中p和span标签的介绍

只有在目标元素非常独特,绝不会对网站上其他地方使用这个名词时,才会使用ID.换句话说,只有绝对确定这个元素只会出现一次的情况下,才应该使用ID.如果你认为以后可能需要相似的元素,就使用类.元素的主要作用就是对行内的元素进行分组或标识.

2. 定义span的最小高度没有效果的解决

曾经有朋友问：为什么给用css给span定义高度和宽度后，它的宽度和高度仍然没有变化，好像失效了一样？ 
其实这个问题很简单——先要认清span的属性，因为span属于内联元素，而内联元素是忽略宽度和高度的，明白了这一点解决就很简单了，解决的办法就是利用css将span变为盒装元素即可。 

3. HTML 中的 span 标签标准用途是什么？

span里面放文字还是放图片还是放其它东西才符合标准呢？

无语义行内元素。在段内定义与该段样式不同的内容的样式。同时满足以下条件的内容你可以使用span标签：1、行内元素（inline）；2、无语义；3、你需要给他添加特定样式或做js钩子的时候。

DIV标签元素内容

1. html中DIV标签的使用方法

 使用CSS－DIV，主要依靠< DIV>标签来实现，当你把HTML内容放在

标签里时，可以称它为:“DIV块”, “DIV 元素”, “CSS-layer”,或者简单的称之为“layer”。

2. Html5实现如何在两个DIV元素之间拖放图像

调用 preventDefault() 来避免浏览器对数据的默认处理（drop 事件的默认行为是以链接形式打开）通过 dataTransfer.getData("Text") 方法获得被拖的数据。该方法将返回在 setData() 方法中设置为相同类型的任何数据。被拖数据是被拖元素的 id ("drag1")把被拖元素追加到放置元素（目标元素）中

3. CSS设置DIV元素的透明度

Opacity=开始的不透明度(100的话就不透明了) 
FinishOpacity=结束的不透明度(100的话就不透明了) 
Style=样式，从0开始，1.2.3....有均匀透明啊，放射形状透明啊... 
StartX=开始透明的X坐标，基本上为图片、层的左上角（0） 
StartY= 开始透明的Y坐标，基本上也为图片、层的左上角（0） 
FinishX=结束透明的X坐标，基本上也图片、层的右下（图片、层的宽度） 
FinishY=结束透明的Y坐标，基本上也为图片、层的右下角（图片、层的高度）

DIV和SPAN的区别与用法 

1. HTML中DIV与span的区别说明

DIV标签和SPAN标签是将一些内容当成一个整体进行处理，比如，整体隐藏，整体移动。类似一个盒子一样的东西。这样做可以精简代码，提高效率。

DIV是将内容放到一个矩形的区块中，随意移动会影响布局。而span只是把内容定义成一个整体进行操作，不影响布局和显示。

2. DIV与span之间有什么区别分析解释

DIV和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。 

3. 搞定CSS SPAN和DIV的区别

SPAN 和 DIV 的区别在于，DIV(pision)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

相关问答

1. 这种元素标签的style，怎么覆盖掉导入的css

2. 浮动对span高度的影响

3. 多个span 元素怎么在容器大小差不多总会掉下来

4. 如何实现鼠标移上去的时候一个DIV元素模糊变清晰

【相关推荐】

1. php中文网免费视频教程：《2016年新课程体系html+css》

2. php中文网免费教程：《html 开发手册》

Atas ialah kandungan terperinci 总结div和span的区别与用法 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn