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