這兩個東西可以說是構(gòu)造頁面結(jié)構(gòu)的建筑工,它們分別起到不同的作用。
div負(fù)責(zé)搭建整個大體結(jié)構(gòu),建筑體的大致輪廓,鋼筋結(jié)構(gòu)==。
span負(fù)責(zé)搭建細(xì)微的部分,對建筑體內(nèi)部進(jìn)行小范圍的修葺,房子劃分==。
我總結(jié)了兩個標(biāo)簽的一些相似點與不同點。
一.div與span都是弱語義元素。
它們兩個沒有明顯的語義,不像p,h1那些有明顯語義的。
二.div與span都是無特殊樣式元素。
為什么這樣說呢?是因為規(guī)定了它們兩個比其他的一些標(biāo)簽都要來的干凈。它們可以說是空白,可以完全由css去定義他們的樣式。它們都可以模仿很多不同的標(biāo)簽,實現(xiàn)某些樣式。
三.div與span都是瀏覽器通用元素。
正是因為它們的干凈純潔,所以他們在不同的瀏覽器仲的解析都是一樣的,無區(qū)別的。
注意點:
div跟span都可以嵌套,但他們嵌套的用途卻是不一樣的。
div的嵌套是為了頁面的搭建,但是盡量不要超過3個嵌套,不然瀏覽器解析起來會很費時。
span的嵌套是為了改善顯示的效果。例如,<span class="blue"><span class="underline">hellow</span></span>。
要注意的是,不是說div跟span因為純白干凈就可以亂套用,只是必要時才用,標(biāo)題段落還得用回h1,p來表示,因為語義明確。
還有一個要提醒的是,div是塊狀元素(block),span是內(nèi)聯(lián)元素(line),兩者可以通過display來改變顯示。
Tag標(biāo)簽: css's special div span