學(xué)習(xí)筆記
- 內(nèi)聯(lián)元素不能包含塊元素秘蛇，它只能包含其它的內(nèi)聯(lián)元素。可以實(shí)驗(yàn)在chrome中內(nèi)聯(lián)元素嵌套快元素囱挑，內(nèi)聯(lián)元素都沒有高度，但是在firefox中內(nèi)聯(lián)元素是有高度的沼溜。其實(shí)a標(biāo)簽作為一個(gè)內(nèi)聯(lián)標(biāo)簽還是可以嵌套塊級(jí)元素的平挑，只不過在chrome瀏覽器中看不到內(nèi)聯(lián)元素的高度，但是內(nèi)聯(lián)元素并不會(huì)沒有高度系草，盒子模型顯示內(nèi)聯(lián)元素顯示寬高均為auto,但實(shí)際上還是有高度的通熄，不信你在后面加一個(gè)div會(huì)發(fā)現(xiàn)它是排在后面的。我還是想知道真正的規(guī)范是怎么形容這塊內(nèi)容的找都。
內(nèi)聯(lián)元素嵌套塊級(jí)元素
<div><h1></h1><p></p></div> —— 對(duì)
<a href=”#”><span></span></a> —— 對(duì)
<span><div></div></span> —— 錯(cuò)
- 塊級(jí)元素不能放在<p>里面：
<p><ol><li></li></ol></p> —— 錯(cuò)
<p><div></div></p> —— 錯(cuò)
- 有幾個(gè)特殊的塊級(jí)元素只能包含內(nèi)聯(lián)元素唇辨，不能再包含塊級(jí)元素，這幾個(gè)特殊的標(biāo)簽是：
h1能耻、h2赏枚、h3、h4晓猛、h5饿幅、h6、p戒职、dt
塊級(jí)元素與塊級(jí)元素并列栗恩、內(nèi)嵌元素與內(nèi)嵌元素并列：
<div><h2></h2><p></p></div> —— 對(duì)
<div><a href=”#”></a><span></span></div> —— 對(duì)
<div><h2></h2><span></span></div> —— 錯(cuò)
