字體:  

HTML語法中 SPAN 與 DIV 的分別

linux 發表於: 2009-4-24 15:25 來源: ADJ網路控股集團


在此簡單的介紹一下兩者的差別
<div>標籤會產生一個區塊,而這個區塊若沒有指定長寬,高度就會是內容物的高度,而寬度就是會涵蓋整個網頁的寬度,且與其他標籤間會自動斷行


而<span>標籤本身不會自動斷行,且他所佔的區域就是內容物的高度及長度(若沒有指定長寬)
至於他使用時機喔,個人是人為沒什麼差別,想用就用
雖然前面有說兩個標籤的特性,但我也是可以利用樣式表(CSS)的方式將
<span>加入寬度及高度和加上block令其產生<div>的效果
<div>指定高度寬度及float間接的產生<span>的效果


不過要注意的是<div>一定不可以被包袱在<span>當中
雖然效果上是可以執行,但這並不符合W3C所制定的標準,這點要注意喔
另外,還有提到id/class的觀念,這個是屬於CSS的部分


若您有興趣可以至網站上找資料
當然,裡頭也有針對div和span標籤的介紹
您可以比較看看每個人的介紹
所說的意思都是一樣的,看您哪種說法您比較能看得懂
DIV與SPAN標籤元素的不同


在此推薦一個不錯的教學網站
http://www.hsiu28.net/