1.div:指定渲染HTML的容器
- 作用:配合css完成網(wǎng)頁的基本布局
2.span:指定內(nèi)嵌文本容器(它沒有結(jié)構(gòu)的意義冠蒋,純粹是應(yīng)用樣式)
- 作用:配合css修改網(wǎng)頁的局部信息
3.二者區(qū)別
- 1)div是塊級(jí)元素锰茉,span是塊級(jí)元素
- 2)div單獨(dú)在一行缕碎,span不會(huì)單獨(dú)在一行
- 3)div是一個(gè)容器級(jí)別的標(biāo)簽,span是文本級(jí)別的標(biāo)簽
這篇文章詳細(xì)寫了行內(nèi)元素和塊級(jí)元素灼捂,它們的區(qū)別即是div 和 span 的區(qū)別
HTML——行內(nèi)元素-塊級(jí)元素
4.容器級(jí)標(biāo)簽和文本級(jí)標(biāo)簽
- 容器級(jí)標(biāo)簽:可以嵌套其它所有的標(biāo)簽 ,
div
,h
,ul
,ol
,dl
,li
..... - 文本級(jí)標(biāo)簽:只能嵌套文字离例,超鏈接(
a
),圖片(img
)悉稠,span
,p
,strong
,em
...
5.它們分別在什么情況下使用
- div一般用于網(wǎng)頁布局宫蛆,而span一般用于局部文字的樣式
- 如果里面還有其他標(biāo)簽的時(shí)候就用div,如果里面只有文本就應(yīng)該用span
- div標(biāo)簽中可以鑲嵌span標(biāo)簽(div可以看做是一個(gè)大容器的猛,span是一個(gè)小容器)