h5標籤巢狀

2021-09-16 19:22:47 字數 1208 閱讀 9865

**:

我們都知道,html中有大量的標籤,div、ul、li、dl、dt、dd、h1~h6、p、a、span、 strong……,我們在運用這些標籤進行頁面搭建的時候,是可以巢狀起來來使用的(可能面試過程中,有的面試官也會問到相關的標籤巢狀規則的問題),但是,巢狀也需要有一定規則,不能任由自己的個人習慣胡亂巢狀,那麼,html標籤的巢狀規則有哪些呢?我們今天就來簡單地給大家說一說。

首先,html 標籤包括兩種 塊級元素(block)、內嵌元素(inline)【注意:具體的來說應該是三種,另外一種是行內塊元素,常用的就是img和input,這裡放在內嵌元素裡了】

1、塊級元素

常用的有: div、p、ul、ol、li、dl、dt、dd、fieldset、form、h1~h6、hr、table

另外還有:address、isindex、menu、noframes、noscript、pre、blockquote、center、dir、

2、內嵌元素

常用的有: span、a、b、strong、i、em、label、textarea、small、img、input(img和input,這裡放在內嵌元素裡了)

另外還有:abbr、acronym、bdo、big、br、cite、code、dfn、font、kbd、q、s、samp、select、strike、sub、sup、tt、u、var

二、html 標籤的巢狀規則

1. 塊元素可以包含內聯元素或某些塊元素,但內聯元素卻不能包含塊元素,它只能包含其它的內聯元素:

例如: —— 對

—— 對

—— 錯

2. 塊級元素不能放在裡面:

例如: —— 錯

—— 錯

3. 有幾個特殊的塊級元素只能包含內嵌元素,不能再包含塊級元素,這幾個特殊的標籤是:

h1、h2、h3、h4、h5、h6、p、dt

4. li 內可以包含 div 標籤 —— 這一條其實不必單獨列出來的,但是網上許多人對此有些疑惑,就在這裡略加說明:

li 和 div 標 籤都是裝載內容的容器,地位平等,沒有級別之分(例如:h1、h2 這樣森嚴的等級制度^_^),要知道,li 標籤連它的父級 ul 或者是 ol 都 可以容納的,為什麼有人會覺得 li 偏偏容納不下乙個 div 呢?別把 li 看得那麼小氣嘛,別看 li 長得挺瘦小,其實 li 的胸襟很大 滴……

5. 塊級元素與塊級元素並列、內嵌元素與內嵌元素並列:

例如: —— 對

—— 對

H5常用標籤

文章的四級標題標籤 文章的五級標題標籤 文章的六級標題標籤 段落標籤,包含大量的文字內容 文字標籤,放置少量的文字內容粗體文字,具有強調作用,放置少量的文字內容粗體文字,放置少量內容,無強調下劃線文字,斜體文字 刪除線 網頁的頭部標籤,通常只出現一次 網頁的底部標籤,通常只出現一次 網頁的主體標籤,...

H5語義化標籤

語義化 看到標籤名就知道實現那塊區域 標籤 定義頁面頭部 標籤定義頁面腳部 標籤定義導航鏈結 標籤定義頁面中的區段 標籤定義頁面中的文章標籤 srcset timg1.jpg 2x 設定大小 音訊 ogg controls controls onmouseout this.pause 當滑鼠離開的時...

H5標籤和語法

標籤作用大全題 html基本結構和html基本語法 html基本結構 html的基本語法 1 常規標記 標記 屬性 屬性值 屬性 屬性值 標記也可叫標籤或叫元素 例如 2.空標記 標記 屬性 屬性值 例如 說明 1.寫在 中的第乙個單詞叫做標記,標籤,元素。2.標記和屬性用空格隔開,屬性和屬性值用等...