1-html 嵌套規(guī)范注意點(diǎn)
1-1塊級(jí)元素一般作為大容器,可以嵌套:文本币喧,塊級(jí)元素轨域,行內(nèi)元素,行內(nèi)塊元素等杀餐;但是干发,p標(biāo)簽中不要嵌套div標(biāo)簽,p史翘,h,等塊級(jí)標(biāo)簽枉长;
1-2-a標(biāo)簽內(nèi)可以嵌套任意元素冀续,但是,a標(biāo)簽不能嵌套a標(biāo)簽搀暑;
2-注意點(diǎn)
2-1大標(biāo)簽嵌套小標(biāo)簽沥阳。是父子;
2-2塊級(jí)嵌套行內(nèi)
p標(biāo)簽不能嵌套嵌套h1~h6自点;
h1~h6不能嵌套p標(biāo)簽
一個(gè)段落桐罕,一個(gè)是標(biāo)題;
3-1-1測(cè)試 p標(biāo)簽不能嵌套div桂敛;代碼截圖:
3-1-2 瀏覽器顯示:
小結(jié)功炮,右鍵檢查,顯示瀏覽器自動(dòng)閉合了兩個(gè)p標(biāo)簽术唬,強(qiáng)制不準(zhǔn)p標(biāo)簽嵌套h1和div標(biāo)簽薪伏;
3-2-1 p標(biāo)簽嵌套其他標(biāo)簽,比如
span,b,strong,i,em,s,del,u,ins,ins,small,big,sub,sup;
3-2-2 測(cè)試代碼截圖:
瀏覽器截圖:
對(duì)比不嵌套圖片和代碼:
小結(jié)粗仓,嵌套標(biāo)簽后瀏覽器顯示正常嫁怀,檢查圖如下;檢查后借浊,未發(fā)現(xiàn)強(qiáng)制閉合標(biāo)簽塘淑;
4-1 測(cè)試a標(biāo)簽,a標(biāo)簽不能嵌套a標(biāo)簽;
代碼截圖:
瀏覽器顯示和瀏覽器檢查截圖:
小結(jié),當(dāng)a標(biāo)簽嵌套a標(biāo)簽后蚂斤,顯示瀏覽器點(diǎn)擊檢查后存捺,看到標(biāo)簽被強(qiáng)制閉合,使其不能被嵌套曙蒸;
檢查顯示a標(biāo)簽嵌套h1,div標(biāo)簽時(shí)捌治,顯示正常;
4-2 測(cè)試a標(biāo)簽嵌套其他標(biāo)簽纽窟,代碼和瀏覽器顯示截圖肖油;
瀏覽器檢查截圖
小結(jié),瀏覽器顯示a標(biāo)簽嵌套后臂港,文本顯示正常森枪,瀏覽器檢查正常,無(wú)強(qiáng)制閉合趋艘;
a標(biāo)簽嵌套標(biāo)簽后急鳄,所有字體變成藍(lán)色司倚,點(diǎn)擊后變色,并且,自帶下劃線(xiàn)功戚;
a標(biāo)簽嵌套標(biāo)簽后譬淳,不會(huì)自動(dòng)換行,需要添加br換行進(jìn)行對(duì)比參照。