div和span的最主要區(qū)別在于語義上，默認情況下：

•  <div> 是用于組合其他 HTML 元素的容器，即下級可以嵌套其他HTML元素。基于此特征， <div> 屬于塊級元素，瀏覽器會在其前后顯示換行。

• <span>是文本的容器，即一般只包圍在文本的兩邊?；诖颂卣?，<span> 屬于內(nèi)聯(lián)元素，即在顯示時通常不會以新行開始。

下面舉例說明：

1、假設(shè)有如下的HTML元素，并且為div和span設(shè)置了邊框，便于觀察效果

2、結(jié)果如下，顯示了<div> 屬于塊級元素及<span> 屬于內(nèi)聯(lián)元素的特點。

最大的區(qū)別是，DIV是塊元素，SPAN是內(nèi)聯(lián)元素，

也就是說，DIV有如下默認樣式：

相對地，SPAN有如下默認樣式：

當(dāng)然這些樣式是可以通過CSS更改的，兩者也存在其他一些區(qū)別，但是在現(xiàn)代前端開發(fā)中，DIV與SPAN的區(qū)別不再被強調(diào)，通常來說，SPAN不再那么常用。