HTML的元素巢狀規則

2021-08-01 13:45:57 字數 883 閱讀 8954

一、html 標籤包括 塊級元素(block)、內嵌元素(inline)

1、塊級元素

address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

2、內嵌元素

a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、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. 塊級元素與塊級元素並列、內嵌元素與內嵌元素並列:

—— 對

—— 對

—— 錯

HTML元素巢狀規則

一 html 標籤包括 塊級元素 block 內嵌元素 inline 1 塊級元素 一般用來搭建 架構 布局 承載內容 它包括以下這些標籤 address blockquote center dir div dl dt dd fieldset form h1 h6 hr isindex menu n...

HTML塊元素與內聯元素巢狀規則

塊狀元素 一般是其他元素的容器,可容納內聯元素和其他塊狀元素,塊狀元素排斥其他元素與其位於同一行,寬度 width 高度 height 起作用。常見塊狀元素為div和p 內聯元素 內聯元素只能容納文字或者其他內聯元素,它允許其他內聯元素與其位於同一行,但寬度 width 高度 height 不起作用...

HTML巢狀規則

先說基礎,html標籤有兩類 1 塊級元素 div h1 h6 address blockquote center dir dl dt dd fieldset form hr isindex menu noframes noscript ol p pre table ul 特點 總是在新行上開始,高...