IT培訓-高端面授IT培訓機構
云和教育:云和數據集團高端IT職業教育品牌
  • 華為
    授權培訓中心
  • 騰訊云
    一級認證培訓中心
  • 百度營銷大學
    豫陜深授權運營中心
  • Oracle甲骨文
    OAEP中心
  • Microsoft Azure
    微軟云合作伙伴
  • Unity公司
    戰略合作伙伴
  • 普華基礎軟件
    戰略合作伙伴
  • 新開普(股票代碼300248)
    旗下丹誠開普投資
  • 中國互聯網百強企業銳之旗
    旗下銳旗資本投資

HTML中標簽之間的嵌套關系和并列關系

  • 發布時間:
    2023-07-05
  • 版權所有:
    云和教育
  • 分享:

在網頁中存在多種標簽,各種標簽之間都具有一定的關系。標簽的關系主要有嵌套關系和列關系兩種,具體介紹如下:

(1)嵌套關系

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

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

在標簽的嵌套過程中,必須先結束最靠近內容的標簽,再按照由內到外的順序依次關閉標簽。圖1所示為嵌套標簽正確和錯誤寫法的對比。
1669881447915_3.png

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

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

(2)并列關系

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

99国产精品99久久久久久