對p標籤巢狀塊級元素的思考

2021-08-28 01:32:50 字數 675 閱讀 9327

今天在準備給學弟學妹講css的子選擇器時,列了乙個簡單的小demo,結果卻發現了問題

我是父元素

子元素孫子元素

當用p的時候

會發生無法包裹子元素,而使用div時候卻可以

我是父元素

子元素孫子元素

通過上網的查詢和學習,發現原來p元素內無法包裹塊級元素。

這是乙個段落的開始

這是另乙個段落的開始

這是乙個段落的開始

這是另乙個段落的開始

這也就解釋了,為何firebug中最後會多出2個空的。

很多瀏覽器把視為一級,一部分塊級元素二級,而有一部分不能自由巢狀的塊級元素則被視為**

,它們包括有:標題標記 的、、、、、、; 段落標記的;分隔線和乙個特別的元素(它只存在於列表元素的子一級)。

**元素就是指,只能巢狀內聯元素的塊級元素。p也恰好是其中之一。

其實在內聯元素中,還是可以再區分一下的,有幾個元素 (

內聯元素可以巢狀塊級元素嗎?

從xhtml標準的定義來說,不論是a還是span的內部都是不能放快元素的。在h4的任何doctype宣告下,都不允許a巢狀div,而html5的doctype宣告下允許a巢狀div。xhtml strict下 在沒有額外css的描述下,內聯元素完全無法巢狀塊級元素。xhtml transitiona...

xhtml標籤中的塊級元素標籤與內聯元素標籤

塊元素 block element 形象點說就是乙個四方塊,可以放在頁面上任何地方,一般都會另起一行顯示。常見的塊級元素標籤 主要的結構化塊狀元素 支援結構化的元素 終端塊狀元素 多目標塊狀元素 內聯元素 inline element 一般都是基於語義級 semantic 的基本元素,只能容納文字或...

塊級標籤 行內標籤 和基本巢狀規則

塊級標籤 大標籤 特點 獨佔一行 div 無意義的標籤,一般作為容器 p 段落 h1 h6 h1 h3對搜尋引擎友好 h1 logo 1次 h2 3次 h3 反覆使用 行內標籤 小標籤 特點 左右排列 img alt src title 超連結 a href target blank 在新頁面中開啟...