十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
小編給大家分享一下html P標(biāo)簽不能嵌套div的原因,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
html P標(biāo)簽標(biāo)簽定義及使用說明:
標(biāo)簽定義段落。
元素會(huì)自動(dòng)在其前后創(chuàng)建一些空白。瀏覽器會(huì)自動(dòng)添加這些空間,您也可以在樣式表中規(guī)定。
html P標(biāo)簽的屬性:
HTML中P標(biāo)簽內(nèi)為什么不能嵌套div標(biāo)簽
深究:
我們先來認(rèn)識(shí)in-line內(nèi)聯(lián)元素和block-line塊元素,因?yàn)镠TML里幾乎所有元素都屬于內(nèi)聯(lián)元素或者塊元素中的一種。
in-line這個(gè)詞有很多種解釋:內(nèi)嵌、內(nèi)聯(lián)、行內(nèi)、線級(jí)等,但是,它們都是表示相同的意思,在這里我們選擇習(xí)慣的叫法-內(nèi)聯(lián)。
先看下面的例子你就能明白兩者的差別:
測試一下塊元素與內(nèi)聯(lián)元素的差別
測試一下
塊元素與內(nèi)聯(lián)元素的差別
上面的例子自己隨便實(shí)踐一下就知道效果了,這里就不占用空間了,
里面了) ,但內(nèi)聯(lián)元素卻不能包含塊元素,它只能包含其他的內(nèi)聯(lián)元素,再看看這個(gè):
我喜歡在創(chuàng)新互聯(lián)建站討論Web標(biāo)準(zhǔn)的原因。
其中
,
包含也是對(duì)的,但是如果是下面這樣的話,就是錯(cuò)誤的,因?yàn)閮?nèi)聯(lián)元素不應(yīng)該包含塊元素:
這樣是錯(cuò)誤的用法!
還有一些情況就是一些塊元素不可以包含另一些塊元素。例如這樣:
測試文字 < ul> li>現(xiàn)階段是不能這樣用的,要等到XHTML 2.0才可以這樣用。 測試文字
而這樣又是可以的。
這樣是可以的
為什么呢?因?yàn)槲覀兪褂玫腄TD中規(guī)定了塊級(jí)元素是不能放在
里面的,再加上一些瀏覽器縱容這樣的寫法:
這是一個(gè)段落的開始
這是另一個(gè)段落的開始
當(dāng)一個(gè)
簽還沒結(jié)束時(shí),遇到下一個(gè)塊元素就會(huì)把自己結(jié)束掉,其實(shí)瀏覽器是把它們處理成這樣:
這是一個(gè)段落的開始
這是另一個(gè)段落的開始
所以剛才那樣的寫法會(huì)變成這樣:
測試文字
測試文字
這也是跟剛才說第一個(gè)例子中
里面放
那哪些塊元素里面不能放哪些塊元素呢?我知道你有這個(gè)疑問,也知道我僅僅列一張清單你不好記住它們。我們可以先把所有的塊元素再次劃分成幾個(gè)級(jí)別的,我們已經(jīng)知道是在最外層,下一級(jí)里面只會(huì)有
、、