首頁技術(shù)文章正文

HTML中標(biāo)簽之間的嵌套關(guān)系和并列關(guān)系

更新時間:2022-12-01 來源:黑馬程序員 瀏覽量:

在網(wǎng)頁中存在多種標(biāo)簽，各種標(biāo)簽之間都具有一定的關(guān)系。標(biāo)簽的關(guān)系主要有嵌套關(guān)系和列關(guān)系兩種，具體介紹如下：

(1)嵌套關(guān)系

嵌套關(guān)系也稱包含關(guān)系，可以簡單理解為一個雙標(biāo)簽里面又包含了其他標(biāo)簽。例如，在HTML5的文檔基本格式中，<html>標(biāo)簽和<head>標(biāo)簽(或<body>標(biāo)簽)就是嵌套關(guān)系。示例代碼如下：

<html>
  <head>
  </head>
  <body>
  </body>
</html>

在標(biāo)簽的嵌套過程中，必須先結(jié)束最靠近內(nèi)容的標(biāo)簽，再按照由內(nèi)到外的順序依次關(guān)閉標(biāo)簽。圖1所示為嵌套標(biāo)簽正確和錯誤寫法的對比。
1669881447915_3.png

圖1嵌套標(biāo)簽正確和錯誤寫法的對比

在嵌套關(guān)系的標(biāo)簽中，我們通常把最外層的標(biāo)簽稱為“父級標(biāo)簽(父標(biāo)簽)”，里面的標(biāo)簽稱為“子級標(biāo)簽(子標(biāo)簽)”。但只有雙標(biāo)簽才能作為“父級標(biāo)簽”。

(2)并列關(guān)系

并列關(guān)系也稱兄弟關(guān)系，就是兩個標(biāo)簽處于同一級別，并且沒有包含關(guān)系。例如，在HTML5的文檔基本格式中，標(biāo)簽和標(biāo)簽就是并列關(guān)系。在HTML的標(biāo)簽中，無論是單標(biāo)簽還是雙標(biāo)簽都可以擁有并列關(guān)系。


分享到：
在線咨詢 我要報名
和我們在線交談！