網頁美工設計

網頁設計中div和span的區別是什么？

編輯：時間：2016-10-11 21:49:50

　　DIV和Span的區別是什么?對于很多新手來說，可能對于DIV和Span兩個標簽的使用規則并不是很了解。具體的什么使用DIV，什么時候用Span，我們將通過本篇文章做詳細的介紹，下面鄭州清新教育鄭州網頁設計培訓的老師就帶著我們就一起來看看吧!

　　<div>與<span>的區別在于，<div>是一個塊級元素(block-level)元素，它包圍的元素會自動換行，而<span>僅僅是一個行內元素(inline elements)，在它的前面后不會換行。<span>沒有結構上的意義，純粹是應用樣式，當其他行內元素都不合適時，就可以使用<span>元素。

　　此外，<span>標記可以包含于<div>標記之中，成為它的子元素，而反過來則不成立，即<span>標記不能包含<div>標記.

　　通常情況下，對于頁面中大的區塊中大的區塊使用<div>標記，而<span>標記僅僅用于需要單獨設置樣式風格的小元素，例如一個單詞、一幅圖片和一個超鏈接等

　　兩者最明顯的區別是：DIV(division)是一個塊級元素，可以包含段落、標題、表格，乃至諸如章節、摘要和備注等。而SPAN是行內元素，SPAN的前后是不會換行的，它沒有結構的意義，純粹是應用樣式，當其他行內元素都不合適時，可以使用SPAN。DIV元素即塊元素相當于內嵌元素在前后各加一個<br>換行。其實，塊元素和行內元素也不是一成不變的，只要給塊元素定義display:inline，塊元素就成了內嵌元素，同樣地，給內嵌元素定義了display:block就成了塊元素了。

　　以上就是有關“DIV和Span的區別是什么”相關問題的解答，希望通過這部分的內容，能夠幫助大家更好的了解兩者之間的區別，在實際的應用中能夠更好的來使用。

<< 上一篇：HTML5對瀏覽器支持情況詳解圖

>> 下一篇：網頁設計中如何選擇正確的圖片格式

推薦資訊