HTML中Div span label標籤的區別

2021-10-12 20:20:34 字數 1305 閱讀 8520

div與span

大家在初學div+css布局時,有很多困惑,在div與span的使用過程沒覺得有一定的」章法」,覺得兩個區別不大,在w3c關於div和span的定義:div作為分割文件結構,自然是它最官方的語義,但是這樣的官方語義太讓人迷惑,大的結構還好,但是小的地方到底是用div還是用span仍然讓人迷惑。其實恰恰是《microsoft msdn library》裡面的定義讓人豁然開朗。

通俗地講就是如果裡面還有其他標籤的時候就用div,如果裡面只有文字就應該用span

div是乙個塊級元素,用來為html文件內大塊的內容提供結構和背景,

span是行內元素,在行內定義乙個區域(也就是一行內可以被劃分好幾個區域)

div標籤中可以鑲嵌span標籤,(div可以看做是乙個大容器,span是乙個小容器,大容器當然可以放下乙個小容器啦)

span與label

由於有了以上關於span的說法,那麼我們就可以對文字進行span的容器操作了,可以定義css樣式什麼的,但是label好像也可以?但是兩者區別有時什麼呢?

例子:

"divform"

>

>

>

did you visited my blogspan

>

type

="radio"

id="radyes"

name

="visitedblog"

checked

="checked"

/>

for=

"radyes"

>

yeslabel

>

type

="radio"

id="radno"

name

="visitedblog"

/>

>

for=

"radno"

>

nolabel

>

(press the text "yes" or "no" not the radio)span

>

div>

>

accesskey

="1"

for="textname"

>

your name:label

>

type

="text"

id="txtname"

value

="press alt+1"

/>

div>

div>

html頁面中引入html

我們寫頁面通常會遇到這種情況,乙個模組很多頁面都用到,那麼我們為了方便就會單獨寫到乙個頁面,然後引入進去,我知道的有三種 1 用標籤 例 iframe有自己預設的高度,如果你引入的頁面高度超出他預設的高度會超出隱藏,所以,要加上height 2 用標籤 例 object也有自己的預設高度,如果你引入...

HTML 基礎,python中嵌入html

宣告使用w3c標準來渲染瀏覽器 hello world hello world hello world 返回白色文字框,readonly readonly 就不能寫鵝鵝鵝 曲項向天歌 白毛浮綠水 紅掌撥清波 飛流直下三千尺疑是銀河落九天hello 斜體32 下角標 32 上角標 水平線 div 就像...

HTML中的標籤

是的上層標籤 必須在乙個裡面,它不能單獨使用,相當於的屬性標籤.標示乙個 標示這個 中間的乙個行 標示行中的乙個列,需要巢狀在中間 具體格式是 兩行兩列 和一樣,也是需要巢狀在當中的,巢狀在當中 與同樣是標示乙個儲存格,唯一不同的是th所標示的儲存格中的文字是以粗體出現,即可以這樣看 文字 文字 用...