HTML标签根据特点分类以及标签之间的关系
HTML标签根据特点分类
HTML⾥有多种标签让初学者眼花缭乱，那我们怎么给它分分类，划到⼀起，让我们更快速的记住它们？
在这⾥我主要根据它们的特点进⾏分类
⾸先是块标签：
**
块标签是什么，简单点来说，块标签默认宽度占据它⽗级标签宽度的100%，可以设置宽⾼，但是就是设置了⼩于⽗级标签的宽度，它剩下的位置也不会给别的标签占⽤，会存在⼀⽚留⽩，块标签是呈现从上往下的⼀种排列⽅式。
<main >
<div ></div>
<div ></div>
</main>
效果图
块标签有：div main nav section footer （布局类标签）ul li ol dl dt（列表类标签）p h1-h6等
⾏标签（内联标签）：
**
⾏标签和块标签恰恰相反，它只会占据它内部内容的位置，哪怕是你给它设置宽⾼，它也不要，所以说，它设置不了宽⾼，并且，会把剩下的位置给别的⾏标签，或者⾏内标签。
⾏内标签有：a span b s del 等
<main >
<span >我是span1</span>
<span >我是span2</span>
</main>
html ul标签效果图
⾏内标签：
**
⾏内标签可以说是⾏标签和块标签的孩⼦吧，在特点⽅⾯（我习惯这么去理解它），它具有⾏标签和块标签的某些特征：⾸先是块标签的可以设置宽⾼，其次是⾏标签的只占⽤内部内容的位置。
img是个典型的⾏内标签，但是在⼯作当中，我们⼀般不会去改变它的宽⾼，那样会导致图⽚失真等问题。
标签和标签之间的关系
**
在上⾯提到⼀个⽗级标签的存在，那么什么是⽗级标签？
这要从标签和标签之间的关系说起，标签和标签之间我觉得是有⼀种⾎缘关系的，在html标签中，存在单标签和双标签，单标签我理解为和尚，⽽双标签就是正常的夫妻，和尚是没有后代的，同样的单标签没有办法包含别的标签，⾃然也就没有后代，⽽正常的夫妻肯定是有孩⼦的，那我们的双标签是可以包含别的标签，⾃然就可以拥有孩⼦，也有⼈会说，我不写标签不就没有孩⼦了，那不是你不想给它孩⼦嘛。。。
那么有⾎缘关系了，是不是就有⽗⼦关系，兄弟关系，⼦孙关系呢?
是的。
⽗⼦关系是直接上下级的关系⽐如
span是div的⼉⼦，div是span的⽗亲。
兄弟关系是相邻的两个标签，在同⼀级，⼜不包含。⽐如
span和a就是兄弟关系span和a都是div的孩⼦。
⼦孙关系就是类型与你和你爷爷的关系，隔代的。⽐如
div和span就是⼦孙关系，⽽⼦孙关系⼜不光是你和你爷爷这种关系，还可以是你和你太爷爷的关系，同样也是⼦孙关系。
⽐如
p是main的⼦孙，span也是mian的⼦孙。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。