DIV与SPAN之间有什么区别?

发布网友 发布时间：2022-04-06 12:31

我来回答

共4个回答

懂视网 时间：2022-04-06 16:52

本篇文章给大家带来的内容是关于Span和Div的区别是什么？Span和Div的区别详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。

它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识属性id与元素联系起来，见CSS中级指南的类和id选择符。

span和div的不同之处在于span是内联的，用在一小块的内联HTML中，而div（想想division是什么意思）元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。代码如下：

<div id=”scissors”> <p>This is <span class=”paper”>crazy</span></p> </div>

在实践中，div，特别是span不应该滥用，尽管有其他相左的意见。比如，你要强调单词“crazy”和加粗类“paper”，可能会用这样的代码：

<div id=”scissors”> <p>This is <strong class=”paper”>crazy</strong></p> </div>

热心网友 时间：2022-04-06 14:00

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

下面以一个实例来说明这两个属性的区别。

代码：

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

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

效果：

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

热心网友 时间：2022-04-06 15:18

楼上的说的不错：
DIV是块元素，多用于结构
span是行内无素。举个例子
也可以说 SPAN是个万能元素。笼统一点讲就是 div负责是布局。而 span 则是控制字体等样式。行内 元素。

热心网友 时间：2022-04-06 16:53

DIV是块元素，多用于结构
span是行内无素。举个例子
<div class="header">DIV标签里包含头部的所有内容
<h1>LOGO</h1>
<ul>
<li>设为首页</li>
<li>加入收藏</li>
<li><span>注册</span>此时的span可以和前面两项不同的字体颜色，或者不同的字体大小</li>
</ul>
</div>
如果header的宽为950px，那么里面放个DIV，写上几个字，再设个背景颜色，你会发现背景颜色铺满整个header的950px宽
如果你放个span，写上几个字，再设个背景颜色，你会发现，只有文字区域才会有背景颜色，大概就是这么回事