超級簡單卻不知道 html標籤的巢狀規則

2021-09-08 10:49:33 字數 1103 閱讀 9424

xhtml的標籤有許多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我們在運用這些標籤搭建頁面結構的時候,是可以將它們無限巢狀的,但是,巢狀也需要有一定規則,不能任由自己的個人習慣胡亂巢狀,那麼,html標籤的巢狀規則有哪些呢?

一、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. 塊級元素與塊級元素並列、內嵌元素與內嵌元素並列:

—— 對

—— 對

—— 錯

我想你了,你卻不知道

我喜歡你,很久了。等你,也很久了。現在,我要離開,比很久很久還要久 我問,怎樣才能讓乙個人知道你在想他?你說,心裡不停地默念他的名字,他就能感受到。可我一直在心底重複著你的名字,你卻一直沒有音信。也許,你並不知道我在等你。我問,當你在等乙個人的簡訊時,你是會調成靜音模式還是戶外模式?你說,靜音。這樣...

頭疼!開發移動端App卻不知道該用哪種程式語言?

1 選擇誰?1.更低的開發及維護成本 2.跨平台 開發者的幸福指數隨著多屏時代的來臨岌岌可危。人人都期盼html5能扮演救星。多套 不同技術工種 業務邏輯同步,這是折磨人的過程。有點類似個人電腦早期世界,那個時候的每家電腦都有自己的作業系統和程式語言,開發者疲於做不同版本,其實dos的盛行也很大程度...

一方斷開了網路另一方卻不知道

最近做乙太網印表機的開發,印表機正常的時候一點問題沒有,但是停止列印5分鐘後,再列印,出問題了。現象是 1.傳送網路訊息都沒有報錯 這暗示我傳送成功了 2.讀網路訊息總是報錯 由於連線方在一段時間後沒有正確答覆或連線的主機沒有反應,連線嘗試失敗。3.重新與乙太網卡建立連線後一切恢復正常,即傳送和讀取...