摘要:元素嵌套問題元素嵌套塊元素可以包含內(nèi)聯(lián)元素或某些塊元素,但內(nèi)聯(lián)元素卻不能包含塊元素,只能包含其他的內(nèi)聯(lián)元素。所謂的不可自由嵌套的元素就是里面只能放內(nèi)聯(lián)元素的,它們包括有標題標記的段落標記的分隔線和一個特別的元素它只存在于列表元素的子一級。
HTML元素嵌套問題 元素嵌套
塊元素可以包含內(nèi)聯(lián)元素或某些塊元素,但內(nèi)聯(lián)元素卻不能包含塊元素,只能包含其他的內(nèi)聯(lián)元素。
P元素嵌套問題在P元素中嵌套div等塊級元素,在瀏覽器中解析如下:
可以看到在元素最后會多出一個空的
。通過查詢,發(fā)現(xiàn)原來p元素內(nèi)無法包裹塊級元素。
因為我們使用的DTD中規(guī)定了塊級元素是不能放在
里面的,再加上一些瀏覽器縱容這樣的寫法:
這是一個段落的開始
這是另一個段落的開始
當一個
標簽還沒結(jié)束時,遇到下一個塊元素就會把自己結(jié)束掉,其實瀏覽器是把它們處理成這樣:
這是一個段落的開始
這是另一個段落的開始
這也就解釋了,為何瀏覽器中最后會多出1個空的
。 塊級元素嵌套問題可以先把所有的塊元素再次劃分成幾個級別的,我們已經(jīng)知道是在最外層,下一級里面只會有、、,而我們已經(jīng)知道了可視的元素只會出現(xiàn)在里,所以我們把劃在第一個級里面。接著,把不可以自由嵌套的元素劃在第三個級,其他的就歸進第二個級。所謂的不可自由嵌套的元素就是里面只能放內(nèi)聯(lián)元素的,它們包括有:標題標記的、
;段落標記的、
、
、
、
、
;分隔線
和一個特別的元素(它只存在于列表元素的子一級)。
三級元素就是指,只能嵌套內(nèi)聯(lián)元素的塊級元素。p也恰好是其中之一。
為什么第二級的元素可以自由嵌套我們可以把它們看成是一些容器(或者說是盒子), 這些容器的大小可以自由變化,例如我們可以把 在HTML里有幾個元素是比較特別的: 其實在內(nèi)聯(lián)元素中,還是可以再區(qū)分一下的,有幾個元素(、等)比較特別,它們可以定義寬高。雖然在IE瀏覽器里,所有的元素都可以定義寬高,但這是IE自己的標準,并非所有瀏覽器都支持,W3C稱它們?yōu)閞eplaced元素,其實它們也就是我們常說的行內(nèi)塊,雖然這些元素屬于inline,但是卻具有一定的block(可以設(shè)置寬高),我們也可以賦予任何元素css屬性display:inline-block。 參考文章:http://www.cnblogs.com/Iona/p... 文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。 轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/50261.html 摘要:所有節(jié)點中都包含這兩個方法,并且它們都接收個參數(shù)要處理的事件名作為事件處理程序的函數(shù)和一個布爾值。當這個布爾值為時,表示在捕獲階段調(diào)用事件處理程序若果是,表示在冒泡階段調(diào)用事件處理程序。
事件流
定義: 1.事件流描述的是從頁面中接收事件的順序,也可理解為事件在頁面中傳播的順序。 2.事件就是用戶或瀏覽器自身執(zhí)行的某種動作。諸如click(點擊)、load(加載)、mouseover(... 摘要:用標記內(nèi)容的目的是為了賦予網(wǎng)頁語義。規(guī)定了一組標簽,用來給內(nèi)容打上不同的標記。最新的版本,又新規(guī)定了一批結(jié)構(gòu)化標簽,用于對相關(guān)內(nèi)容的標簽進行分組,從而更好地規(guī)范網(wǎng)頁的整體結(jié)構(gòu)。
用HTML標記內(nèi)容的目的是為了賦予網(wǎng)頁語義(semantic)。換句話說,就是要給你的網(wǎng)頁內(nèi)容賦予某些用戶代理(user agent)能夠理解的含義。
HTML 規(guī)定了一組標簽,用來給內(nèi)容打上不... 摘要:用標記內(nèi)容的目的是為了賦予網(wǎng)頁語義。規(guī)定了一組標簽,用來給內(nèi)容打上不同的標記。最新的版本,又新規(guī)定了一批結(jié)構(gòu)化標簽,用于對相關(guān)內(nèi)容的標簽進行分組,從而更好地規(guī)范網(wǎng)頁的整體結(jié)構(gòu)。
用HTML標記內(nèi)容的目的是為了賦予網(wǎng)頁語義(semantic)。換句話說,就是要給你的網(wǎng)頁內(nèi)容賦予某些用戶代理(user agent)能夠理解的含義。
HTML 規(guī)定了一組標簽,用來給內(nèi)容打上不... 摘要:最近在看前端開發(fā)最佳實踐,看到有一個小節(jié)的標題是過時的塊狀元素和行內(nèi)元素,之前聽到的關(guān)于標簽的嵌套規(guī)范一直在講,甚至面試的時候還被問到,但是自己在之前的工作中,的的確確用標簽包過塊元素,為了能有一個更好的用戶體驗,模擬的一個按鈕。
最近在看《web前端開發(fā)最佳實踐》,看到有一個小節(jié)的標題是 過時的塊狀元素和行內(nèi)元素 ,之前聽到的關(guān)于HTML標簽的嵌套規(guī)范一直在講,甚至面試的時候還被問到... 閱讀 2471·2021-11-23 09:51 閱讀 531·2019-08-30 13:59 閱讀 1830·2019-08-29 11:20 閱讀 2538·2019-08-26 13:41 閱讀 3246·2019-08-26 12:16 閱讀 735·2019-08-26 10:59 閱讀 3331·2019-08-26 10:14 閱讀 605·2019-08-23 17:21嵌在
、
、
、
,它們的子一層必須是指定元素,
、
>的子一級必須是;
的子一級必須是或者;
的子一層必須是
( 只存在于、、中),之后才是可放內(nèi)容的 或者 。
內(nèi)聯(lián)元素
本身具有inline-block的元素應(yīng)該沒有!相關(guān)文章
javascript:深入理解事件流
CSS學(xué)習(xí)筆記(一) HTML標記與文檔結(jié)構(gòu)
CSS學(xué)習(xí)筆記(一) HTML標記與文檔結(jié)構(gòu)
HTML標簽嵌套到底怎樣才算是規(guī)范?
發(fā)表評論
0條評論
趙春朋
男|高級講師
TA的文章
閱讀更多
python:初識自動化測試 playwright 庫
網(wǎng)易音樂版輪播-react組件版本
微信應(yīng)用號(小程序)資源匯總(1010更新)
原生 JavaScript 發(fā)送 Ajax 請求
十分鐘快速了解《你不知道的 JavaScript》(上卷)
前端開發(fā)中常用的javascript設(shè)計模式
第四集: 從零開始實現(xiàn)一套pc端vue的ui組件庫(button組件其二)
微信小程序網(wǎng)絡(luò)層封裝(promise, 登錄鎖)