进阶HTML--认识标签嵌套与并列关系 -----16岁的小前端

1.  嵌套关系 /父子关系

<!doctype html>
<html>
    <head>
        小黑
    </head>
    <body>
        小白
    </body>
</html>

之前讲解过:

小黑与head标签的关系是:【小黑在里面,head标签在 外面 】【小黑在head标签 里面 】;

这样的关系我们通常会简明得说为;

小黑与head标签之间是【嵌套关系】;小黑【嵌套】在head标签 里 ;

在【嵌套关系】中;就像是父亲与儿子一样;

里面元素 是外边元素 的子元素; 外面 元 素是 里面元素 的父元素; 小 黑 是head标签的子元素; head标签 是 小 黑 的父元素;

head标签是小黑的父元素;HTML标签也是小黑的父元素;

小黑即是head部分;也是HTML部分;

小黑既拥有head标签的意义;也拥有HTML标签的意义;

标签意义也被称为属性;

小黑既拥有head标签的属性;也拥有HTML标签的属性;

所以:子元素继承所有父元素的属性;
终结: 1. 两个元素,一个元素被另一个元素 包 括 ;那么他们两个之间的关系就是【嵌套关系】;
2. 在【嵌套关系】中;里面元素是外边元素的子元素;外面元素是里面元素的父元素;
3. 子元素继承所有父元素的属性;

1.  并列关系/兄弟关系

<!doctype html>
<html>
    <head>
        小黑
    </head>
    <body>
        小白
    </body>
</html>

在这里我们看到head标签与body标签,没有谁包含谁的,他俩是平级的;就像是兄弟姐妹一样;

那么我们就称head标签与body标签是【并列关系】

-----------------16岁的小前端

经验分享 程序员 微信小程序 职场和发展