p標籤內不能巢狀div(註解)

2022-01-29 16:18:21 字數 1137 閱讀 2848

相關知識:

內聯元素可以巢狀內聯元素,塊級元素可以巢狀部分塊級元素並也能巢狀內聯元素,但內聯元素不能巢狀塊級元素。塊級元素為block,內聯元素為inline,擁有「inline」特性的同時又擁有「block」的特性稱為replace元素。

編碼美學

編碼美學

在上面的**中,p標籤在遇到下乙個塊級元素的時候就閉合了,它會被瀏覽器解析為頁面中p元素的兩倍數量,也就是開始標籤被解析為乙個p元素,結束標籤被解析為乙個p元素。

編碼美學

編碼美學

1級元素:

2級元素:其他。。(可以互相巢狀,如li和div)

3級元素:

指哪些不可以自由巢狀的元素,如、、、、、、;段落標記的;分隔線和乙個特別的元素(它只存在於列表元素的子一級)。

特別1:

、、、,它們的子一層必須是指定元素,、的子一級必須是;的子一級必須是或者;的子一層必須是或、、等,而再子一層必須是(只存在於、、中),之後才是可放內容的或者。

特別2:

和有著其它內聯元素沒有的寬和高。它們在"inline"的情況下又有"black"的特性,w3c稱之為replace元素。

最後總結彙總

1、塊元素可以包含內聯元素或某些塊元素(p元素中巢狀div元素是錯誤的做法) ,但內聯元素卻不能包含塊元素,它只能包含其他的內聯元素

2、p元素中是不能巢狀塊級元素的。

3、重點:塊狀元素的三個級別

4、內聯元素的img 與 input比較特殊,他們有內聯元素沒有的寬高,w3c定義為replace元素,將元素設定為display:inline-block,模擬的就是replace元素。

(資料引自網路,加以修改而成)

p中不能包含div

一句話 有些塊元素不可以包含另一些塊元素 dtd中規定了塊級元素是不能放在p裡 p標籤內包含塊元素時,它會先結束自己,比如 p div 測試p包含div div p 那麼瀏覽器會解釋成 p p div 測試p包含div div p p 會多解發布乙個p 起因 在做專案時發現原本在dw中無誤的 到了m...

div內li標籤間距 div內文字之間間距設定方法

div內字與字間距是否能夠用css 實現?答案 可應用css實現div字間距布局。css字間距的單詞 letter spacing 1 語法 letter spacing 3px 設定裝備擺設物件字間距為3px隔絕距離。2 對悉數div設定裝備擺設匹敵字間距 div如許即設定裝備擺設html中全部d...

解決UEditor將div標籤換成p標籤的問題

將設計排版好的頁面html 上傳到資料庫,再讀取出來的時候發現所有的div都被替換成了p標籤。解決方法 首先在ueditor.all.js檔案內搜尋allowdivtranstop,找到如下的 將true設定為false me.setopt 然後在ueditor.config.js檔案內搜尋allo...