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

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所示為嵌套標簽正確和錯誤寫法的對比。
1669881447915_3.png

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

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

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

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


分享到:
在線咨詢 我要報名
和我們在線交談!