在網頁中存在多種標簽,各種標簽之間都具有一定的關系。標簽的關系主要有嵌套關系和列關系兩種,具體介紹如下:
(1)嵌套關系
嵌套關系也稱包含關系,可以簡單理解為一個雙標簽里面又包含了其他標簽。例如,在HTML5的文檔基本格式中,<html>標簽和<head>標簽(或<body>標簽)就是嵌套關系。示例代碼如下:
<html>
<head>
</head>
<body>
</body>
</html>
在標簽的嵌套過程中,必須先結束最靠近內容的標簽,再按照由內到外的順序依次關閉標簽。圖1所示為嵌套標簽正確和錯誤寫法的對比。
圖1嵌套標簽正確和錯誤寫法的對比
在嵌套關系的標簽中,我們通常把最外層的標簽稱為“父級標簽(父標簽)”,里面的標簽稱為“子級標簽(子標簽)”。但只有雙標簽才能作為“父級標簽”。
(2)并列關系
并列關系也稱兄弟關系,就是兩個標簽處于同一級別,并且沒有包含關系。例如,在HTML5的文檔基本格式中,標簽和標簽就是并列關系。在HTML的標簽中,無論是單標簽還是雙標簽都可以擁有并列關系。