span标签和div标签之间的区别[重复]答案

【问题标题】：Difference between span tag and a div tag [duplicate]span标签和div标签之间的区别[重复]
【发布时间】：2013-05-30 13:16:50
【问题描述】：

我怀疑这些之间有什么区别：-

<div> TEXT </div> 
<span> TEXT </span>

【问题讨论】：

标签： html

【解决方案1】：

简单来说，div 是块元素，span 是内联元素。

通常，块级元素可能包含内联元素和其他块级元素。这种结构区别的内在想法是块元素创建比内联元素“更大”的结构。

和内联元素

Generally, inline elements may contain only data and other inline elements.

Block Level elements & Inline Elements

【讨论】：

;)
@Spook — 这会导致块元素呈现为内联元素，但不会影响适用于块元素的任何其他规则（这些规则并非始终适用，这这就是为什么该术语（AFAIK）在 HTML 5 草案中被删除）。
我了解到，大多数非控制 HTML 标签（控制，即a、img、table 等）都可以使用 CSS 样式轻松转换为另一个，所以我常说标签应该用于什么，而不是标签是什么，这就是我发表评论的原因。不过，了解块元素和内联元素是件好事，我不知道。

【解决方案2】：

<div> 是块元素，<span> 是内联元素。

这些链接可帮助您了解内联元素和块元素。

http://www.impressivewebs.com/difference-block-inline-css/

http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

http://webdesign.about.com/od/htmltags/qt/block_vs_inline_elements.htm

【讨论】：

【解决方案3】：

DIV 通常用于块元素，而 span 是行内元素。

所以你通常会做类似的事情

<p>This word is <span class="blue">blue</span></p>

你可能不应该这样做

<span class="blue">
    <div class ="layout">
        <p>Content</p>
        <img src = "this.jpg" />
    </div>
</span>

现在，有一个名为 display 的 CSS 属性，它允许您在行中显示一个 div (display:inline;)，这可能会导致进一步的混乱，因为它可以让您使用任一标签显示相同的渲染。代码是否“正确”可能意味着您在浏览器中获得所需的结果也可能不意味着！通常，结果可能是您想要的，但是当网站变大时，问题可能会出现，然后您意识到某些地方不对劲，必须在以后修复它！

无论如何，W3Schools 将其定义为

标签用于对文档中的内联元素进行分组。
标签本身不提供视觉变化。
该标记提供了一种将挂钩添加到文本的一部分或文档的一部分的方法。
Source

和

标签定义 HTML 文档中的一个部门或一个部分。
该标签用于对块元素进行分组以使用 CSS 对其进行格式化。
Source

【讨论】：

"你不会做" - 不会不会做，span 元素不能包含 p 元素。
@Quentin，是的，对不起，我从不写“会/不会”类型的答案，我的意思是should