Html div和span之间的差异

属性为

display:inline block

的

div

与属性为

display:inline block

的

span

之间的区别是什么？

与si之间的区别是

没有任何默认样式，其中

有段落分隔符。 因此，这两个标记非常相似，应用css属性display:inline block将具有相似的效果，但与垂直对齐组合使用会产生不同的效果

---

查看此链接：

在

div

和

span

元素之间有两个区别：

• div

  默认为

  display:block

  ，而span默认为

  display:inline

• div

  是块元素，可以包含块元素和内联元素，而

  span

  是内联元素，只能包含其他内联元素

应用

display:inline块后，它们的行为相同

解析HTML代码时，不考虑样式。虽然可以更改
显示
样式以使元素的行为相同，但仍必须遵循HTML代码中的规则

例如，这个例子是有效的：

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



例如，此示例无效：

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



浏览器将尝试重新排列无效代码中的元素，这通常意味着它将
div
元素移到
span
元素之外。由于HTML规范（第5版之前）只说明了如何处理正确的代码，因此每个浏览器都有自己的处理错误代码的方法。
只是想在出现
span
vs
div

span的历史记录
：

1995年7月3日，本杰明·C·W·西特勒（Benjamin C.W.Sittler）提出了一个通用文本
容器用于将样式应用于特定文本块的标记。
渲染是中性的，除非与
样式表。有一场辩论围绕着
可读性，意义。bertbos提到了可扩展性的本质
通过class属性对元素的
城市、人、日期等）保罗·普雷斯科特担心这两个因素
将被滥用。他反对提及“任何新的”的文本
元素应该位于一个旧的元素上，如果我们使用
没有语义它可以在任何地方使用而不会出错。我们
必须强制作者正确标记文档的语义
必须强制编辑器供应商在其
接口。”


从介绍
span
的RFC草案中：

首先，一个通用的
容器需要携带LANG和BIDI属性
没有其他适当因素的情况跨度
为此目的引入了元素。


div的历史记录
：

该中心是由Netscape在添加对
HTML3.0div元素。它保留在HTML3.2中，因为它的
广泛部署


简而言之，这两个元素都是因为需要一个没有附加语义的更通用的容器。Span被提议作为一种更通用的文本样式替换元素
。Div被提议作为一种划分页面的通用方法，它还有一个额外的好处，那就是替换了
标签来对齐中心内容。Div一直是一个块元素，因为它作为页面分隔符的历史。Span一直是一个内联元素，因为它最初的用途是文本样式，而今天的div和Span都是分别具有默认块和内联显示属性的通用元素。
Insight:这也很有用，因为div没有任何中断。您正在混淆占据浏览器全宽的块级元素，导致其他元素落在浏览器下方。div也没有任何样式。这是一个通用容器。好吧，看看官方的W3规范：，找到以下文本：“可视化用户代理通常在DIV元素前后放置换行符，例如……”这表明您的评论不完全正确“DIV确实有换行符”。还是W3错了？无论如何，我们的评论无助于回答主要问题。在您的链接中没有任何内容表明div的样式带有换行符，除了它关于“大多数用户代理”的评论中加入了换行符之外，但这不是规范的一部分，而且，无论如何，我相信该声明中存在错误，我将查看勘误表并与W3C中的一些我认识的人交谈。