Div 与 Span 元素的区别：HTML 布局和文本样式

Div 和 Span 是两种常用的 HTML 元素，它们的主要区别如下：

标签类型：Div 是块级元素，而 Span 是内联元素。块级元素会独占一行，它会在前后都产生换行。内联元素则不会独占一行，它只会占据内容所需的空间。
默认样式：Div 元素默认情况下会以块级元素的形式显示，宽度默认为 100%。而 Span 元素默认情况下以内联元素的形式显示，宽度只会根据内容自动调整。
语义化：Div 元素通常用于表示一个独立的区域，可以用来布局页面的各个部分。Span 元素则通常用于标记文本中的一小部分，用于设置文本样式或者为文本添加特殊效果。
嵌套关系：Div 元素可以包含其他任意的 HTML 元素，可以嵌套其他块级元素或内联元素。而 Span 元素通常用于内联元素内部，可以嵌套其他内联元素。

总结来说，Div 元素适合用于布局和划分页面结构，而 Span 元素适合用于设置文本样式或者标记文本中的一小部分。