html - span标签和div标签的区别

Question

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

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

Answer 1

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

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

和内联元素

Generally, inline elements may contain only data and other 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>

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

无论如何，W3Schools 将其定义为

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

和

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