首頁 web前端 html教學 深入了解HTML的元素巢狀有哪些規則?

深入了解HTML的元素巢狀有哪些規則?

Apr 26, 2017 pm 02:57 PM
html嵌套 規則

本篇帶大家深入了解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都可以容納的。

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

  

< ;/p>

—— 對

  

> ; —— 對

  

——錯誤

以上是深入了解HTML的元素巢狀有哪些規則?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

指標比較的規則和例外? 指標比較的規則和例外? Jun 04, 2024 pm 06:01 PM

在C/C++中,指標比較規則如下:指向同一物件的指標相等。指向不同物件的指標不相等。例外:指向空位址的指標相等。

PHP函數的命名規範及規則 PHP函數的命名規範及規則 May 19, 2023 am 08:14 AM

PHP作為一種非常流行的腳本語言,有著強大的函數庫支持,其函數的命名規範和規則對於開發效率和程式碼可讀性都有著重要的影響。本文將介紹PHP函數的命名規範及規則。一、命名風格在PHP中,函數名稱需要嚴格符合命名規範和規則,規範主要包括兩個面向:命名風格和命名規則。 1.下劃線命名法底線命名法是PHP函數命名最常用的方式,也是官方推薦的一種方式。遵循這種方式的函數名

深入探索Python標識符的定義與規範 深入探索Python標識符的定義與規範 Dec 29, 2023 am 08:34 AM

深入了解Python標識符的定義與規則,需要具體程式碼範例Python是一種簡潔而強大的程式語言,具有廣泛的應用領域。在Python編程中,標識符起著至關重要的作用。本文將深入探討Python標識符的定義與規則,並提供具體的程式碼範例,幫助讀者更好地理解與應用。首先,我們來了解一下Python標識符的定義。在Python中,標識符可以是變數、函數、類別、模組等的名

Linux防火牆之-iptables詳解 Linux防火牆之-iptables詳解 Feb 20, 2024 am 11:57 AM

專案介紹iptables是Linux系統下的免費包過濾防火牆軟體,可實現封包過濾、封包重定向和網路位址轉換等功能。它是一個高效且靈活的解決方案,可取代昂貴的商業防火牆。 iptables具有強大的配置選項和規則設置,使用戶能夠根據自身需求對網路流量進行精細控制,提高網路安全性和效能。 iptables的規則其實是指網路管理員預先定義的條件,則規則一般的定義為「如果封包頭符合這樣的條件,就這樣處理這個封包」。規則儲存在核心空間的資訊包過濾表中,這些規則分別指定了來源位址、目的位址、傳輸協定(如TCP、U

各程式語言中字元常數的表示方法和規則詳解 各程式語言中字元常數的表示方法和規則詳解 Dec 27, 2023 am 11:56 AM

如何在不同程式語言中表示字元常數?導語:在程式設計過程中,字元常數是不可變的值,用來表示單一字元。不同的程式語言有不同的方式來表示字元常數。本文將介紹幾種常見的程式語言中表示字元常數的方式,並給出具體的程式碼範例。一、C語言表示字元常數:在C語言中,字元常數用單引號(')來表示。以下是一些範例:表示一個字元:charch='a';表示一個轉義字元:cha

如何在HTML中指定要在中顯示的頁面的HTML內容? 如何在HTML中指定要在中顯示的頁面的HTML內容? Sep 10, 2023 pm 02:57 PM

在本文中,我們需要在iframe中顯示頁面的HTML內容;瀏覽器視窗劃分為單獨的頁面。我們可以使用標記及其srcdoc屬性來完成此任務。 HTML標籤HTML中的標籤指定內嵌框架。此內聯框架用於在目前HTML文件中嵌入另一個文件。所有瀏覽器都支援此標籤,例如GoogleChrome、MicrosoftEdge/InternetExplorer、Firefox、safari和Opera等。標籤的「srcdoc」屬性用來指定要在頁面中顯示的HTML內容。該屬性將HTML_code作為值並指定要在中顯示

AI契約論⑤:生成式AI千帆競發,如何運用規則「掌舵」 AI契約論⑤:生成式AI千帆競發,如何運用規則「掌舵」 Jun 02, 2023 pm 08:21 PM

21世紀經濟報道記者蔡姝越郭美婷實習生譚硯文麥子浩上海、廣州報道編者按:在2023年過去的幾個月裡,各大公司搶灘大模型、GPT商用化探索、算力基礎設施看漲……如同15世紀開啟的大航海時代,人類互動、貿易、財富有了爆炸性成長,太空革命席捲全球。改變同時,也帶來了秩序的挑戰,資料外洩、個人隱私風險、著作權侵權、虛假資訊......此外,AI帶來的後人類主義危機已然擺在桌面,人們該以何種姿態迎接人機混雜帶來的迷思?此刻,尋求AI治理的共識、重塑新秩序成了各國共同面對的議題。南財合規科技研究院將推出AI

ZKSync空投規則詳解:ZK代幣如何分配?誰有資格獲得? ZKSync空投規則詳解:ZK代幣如何分配?誰有資格獲得? Jun 14, 2024 pm 10:13 PM

ZKSync空投規則詳解:ZK代幣如何分配?誰有資格獲得?備受矚目的ZKsync空投分配計畫已塵埃落定。 ZKsync協會將於下周向ZKsync的早期用戶和採用者進行一次性36億枚ZK代幣空投,符合資格的錢包有695,232個。快照時間為3月24日,社區成員可以在Claim.zknation.io網站檢查空投資格,並可從下週開始直到2025年1月3日認領空投。此次空投佔ZK代幣總供應量的17.5%。用戶將能夠從下週開始直到2025年1月3日領取他們的代幣。從6月24日起,貢獻者即可領取。誰有資格獲

See all articles