树状结构

• 树状结构
  • 节点之间的关系:

树状结构

看到设计稿的时候最好写出它的树状结构。

节点之间的关系:

根节点：每一个树状结构都有一个没有父级的节点，它被称作根节点。

父级节点：司马防是司马懿的父级，司马懿是司马师的父级。

子级节点：司马师是司马懿的子级，司马懿是司马防的子级。

同级关系：有相同父级的节点就是同级关系，司马懿和司马朗是同级，司马昭和司马亮是同级。（这里需要注意的是，司马炎和司马熙不是同级，因为他们没有相同的父级。）

html 文件树状结构的节点:

元素节点

属性节点

文本节点