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

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

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

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

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

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

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

圖1嵌套標簽正確和錯誤寫法的對比

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

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

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

最新資訊