血缘结构为何?

我们通常知道html元素之间并非是孤立存在着的,它们互相关联、互相支持着组成了我们所熟知的网页.为了方便我们理解,我们以血缘关系的方式来命名其间的关系.

> 血缘关系的命名

父子关系、子孙关系、兄弟关系是主要的关系链

  1. 父子关系
    下方的一串代码能否分辨出其间的关系吗?
<div>
<p></p>
</div>

揭晓答案:父元素为div标签,子元素为p标签.子元素是直接包含在父元素内.
父元素与它所包含的子元素是

  1. 子孙关系
<div>
<span>
<p></p>
</span>
</div>

乍一看这是个套娃,实际上这就是三层的套娃,不开玩笑,此为祖籍元素,由隔多代的元素构成.

  1. 兄弟关系
<div>
<p>哥哥</p>
<p>姐姐</p>
</div>

是的,包含于同一父级元素的两个子集元素即为兄弟关系,他们之间不分先来后到,在css文件插入中这是一个比较重要的点,就当是同时出生的兄弟姐妹来理解吧.

血缘关系的分类就是如此,熟练地梳理出他们之间的结构能在我们绑定css文件时起上大用处.

若把一个网页比作大厦,那么结构(TAG)便是这座大厦的基本骨架,样式(CSS)便是大厦的装潢,行为(JavaScript)便是这大厦里面与人互动的服务人员与功能性设施.


经这么解释,想必你已经知道网页改如何构造了.是的,结构的完备与优化根本性地决定了网页的好坏.我们建设一个正常合理的网页,其结构必然是便于调试、功能分明的.

ps:关于这个大标题,由于内容过多,只能拆分商法.(才不是为了水呢)

最后修改日期: 2020年4月5日

作者

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论