HTML文档中的元素有着明确的关系。

包含另一个元素的元素是被包含元素的父元素;反过来说,被包含元素是包含元素的子元素

一个元素可以有多个子元素,但只能有一个父元素。

包含在其他元素中的元素也可能包含有别的元素,这些别的元素是其他元素的后代元素。

但这些后代元素并不是其他元素的子元素,子元素是关系最近的后代元素。

具有同一个父元素的几个元素互为兄弟元素

<!DOCTYPE HTML>
<html>
  <head>
     <title>text</title>
  </head>
  <body>
     <p>This is an example.</p>
  </body>
</html>

在上述例子中,

body元素是p元素的父元素

p元素是body元素的子元素

head元素,body元素和p元素都是html元素的后代元素,但只有head元素和body元素是html元素的子元素,

head元素和body元素互为兄弟元素。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐