Span和Div的區別

2021-09-06 20:36:08 字數 624 閱讀 2744

html只是賦予內容的手段,大部分html標籤都有其意義(標籤p建立段落,h1標籤建立標題等等)的,然而span和div標籤似乎沒有任何內容上的意義,聽起來就像乙個泡沫做成的錘子一樣無用。但實際上,與css結合起來後,它們被用得十分廣泛。

它們被用來組合一大塊的html**並賦予一定的資訊,大部分用類屬性class和標識屬性id與元素聯絡起來,見css中級指南的類和id選擇符。

span和div的不同之處在於span是內聯的,用在一小塊的內聯html中,而div(想想division是什麼意思)元素是塊級的(簡單地說,它等同於其前後有斷行),用於組合一大塊的**。

html**  

this is crazyspan>p> div>  

在實踐中,div,特別是span不應該濫用,儘管有其他相左的意見。比如,你要強調單詞「crazy」和加粗類「*****」,可能會用這樣的**:

webjx.com

html**  

this iscrazystrong>p> div>

網頁教學網這是做法比再加乙個span比較好。

對於類class和標識id沒有線索?別擔心,在css中級指南中會接觸到它們。你所需要記住的是,span和div 是「無意義」的標籤。

div和span的區別

相對與其他xhtml標籤,div和span對於它們包含的元素是沒有意義的。例如當你看到標籤,你知道裡面是標題,當你看到 標籤的時候你知道裡面是乙個新的自然段。可是div和span標籤並沒有這樣意義。div只是乙個分塊的標籤,他可以將網頁分成幾個區塊。div裡面可能包含乙個標題,乙個段落,也可能包含在...

SPAN和DIV的區別

span和div的區別 div division 是乙個塊級元素,可以包含段落 標題 乃至諸如章節 摘要和備註等。而span 是行內元素,span 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用span。下面以乙個例項來說明這兩個屬性的區別。span標記有乙...

div 和 span 的區別

在行內定義乙個區域,也就是一行內可以被劃分成好幾個區域,從而實現某種特定效果。本身沒有任何屬性。在css定義中屬於乙個行內元素 也譯作內嵌元素 而是塊級元素,我們可能通俗地理解為為大容器,大容器當然可以放乙個小容器了,就是小容器。div 和 span 元素最大的特點是預設都沒有對元素內的物件進行任何...