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

1.  嵌套关系 /父子关系

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

之前讲解过:

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

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

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

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

 

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

 里面元素 外边元素 子元素;   外面 元 素是 里面元素 父元素

  小    黑   head标签子元素;   head标签 是   小   黑   父元素;

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

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

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

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

标签意义也被称为属性

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

所以:子元素继承所有父元素属性

 

 

终结:
1.   两个元素,一个元素另一个元素  包  括  ;那么他们两个之间的关系就是【嵌套关系】;

2.  在【嵌套关系】中;里面元素外边元素子元素外面元素里面元素父元素

3.  子元素继承所有父元素属性

 

1.  并列关系/兄弟关系

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

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

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

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

 

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