标签(别称元素、盒子)
承载超文档流的容器
所有的文本信息都必须写在标签中
根据有无闭合标签可分为:
双标签 html body div span
单标签 meta
根据页面渲染结果可分为:
块标签 div和行标签span
块标签div
- 独占一行 每个块标签都会导致文本流的换行;
- 可以设置宽高
不设置高度时,高度由内容撑开;不设置宽度时,宽度和父盒子等宽 - 可以嵌套块标签和行标签
标签之间的嵌套关系:我们称之为父子关系
<div style="width:300px;height:200px;background:red;"> =>父标签
<span></span> => 子标签
</div>
//此时块标签div和行标签span就是父与子的关系。
行标签 span
- 可以在一行之间排列
但是如果行标签超出父盒子(通常是所在块标签)的宽度 则会自动换行
(如果是单个行标签超出宽度,此情况不换行) - 不能设置宽高 宽度由内容撑开
- 可以嵌套块标签,但是从代码编写规范角度讲,不推荐使用
<div style="width: 50px">
<span>s1</span>
<span>s2</span>
<span>s111111111</span>
</div>
//此时块标签div和行标签span就是父与子的关系。