div and span

因為以下這些資料某人跟我解釋到想切腹 所以整理如下XD


span

可以用來控制區段 但只能針對inner 不能針對一整塊 

如每一行裡面的樣式設定 即是使用span 

而且只是區塊設定樣式 不能fix位置

* 行內(inline): 會與其他行內元件顯示在相同一行之內，行內元件內不能包含區塊元件， ex: span, em, q。


div

div才有框架概念 對一整個group的設定 

讓每個區塊可以有統一的樣式 也才能維持版面配置

* 區塊(block-level): 會從新行開始，最後接著一個斷行，可以包含其他區塊元件或行內元件， ex: div, h1 - h6, form ....etc。


也就是說 div and span 

1. 意義不同 但是屬性相同 都是在設定樣式 但兩者針對不同的東西設定

ex:
一整塊要用什麼樣式呈現 是div裡面設定 div設定不同樣式

而group裡面 每一欄都是span出來的

span設定每一欄的文字 甚至icon要什麼樣式


2. 對象不同

ex:
div是針對group span是針對inner