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

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

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

下面舉例說明：

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

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

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

也就是說，DIV有如下默認(rèn)樣式：

相對(duì)地，SPAN有如下默認(rèn)樣式：

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