Question

我心里怀疑这些之间的区别是什么： -

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

Answer 1

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

通常，块级元素可以包含内联元素和其他块级元素。这种结构区别的固有特征是块元素比内联元素创建“更大”的结构。

和内联元素

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

Block Level elements＆amp; Inline Elements

Answer 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

Answer 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属性，它允许你显示一行（display:inline;），这可能会导致进一步混淆，因为从视觉上它可能会让你显示相同的渲染标签。代码是否“正确”可能意味着也可能意味着您的浏览器无法获得所需的结果！通常情况下，结果可能是您想要的，但是当网站变得更大并且您意识到某些事情不正确并且必须在稍后阶段修复它时可能会出现问题！

无论如何，W3Schools将其定义为

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

和

标签定义HTML文档中的分区或部分标签用于对块元素进行分组以使用CSS格式化它们 Source

span标记和div标记之间的区别

3 个答案: