06-标签的分类

标签的分类

• div
• h系列
• p
• span
• img

类别

块级标签

• 概念：独占一行，一般用于页面布局

• 特点：

  • 宽度默认铺满一行，独占一行
  • 支持设置宽高

• 比如：div\h\p…

行级标签

• 概念：通常用于组织文本信息

• 特点：

  • 可以同行显示
  • 不支持设置宽高，宽高由内容撑开

• 比如：span…

行内块标签

• 概念：一种特殊的行级标签，具备行级元素的特点，同时又有块级元素的特点

• 特点：

  • 可以同行显示
  • 支持设置宽高

• 比如：img…

标签之间的转换

• display

  • inline-block：转换为行内块级标签
  • inline：转换为行标签
  • block：转换为块标签
  • none：隐藏标签，页面会发生重新绘制，元素原本的位置不再占用