# HTML标签

# 参考资料

html标签分为「块标签」和「行标签」。 默认情况下,每个块标签独占一行,(一个/多个)行标签占用一行。

# 块标签

  • 每个块标签独占一行
  • 可以设置宽高,默认宽为match,高为warp。

# 行标签

  • 和其他行标签共一行
  • 设置宽高无效,宽高都为warp。

# 行内块标签

  • (一个/多个)行标签占用同一行,并且可以设置宽高
  • 行内块标签:img,input,textarea

# 常用标签

  • 块标签:p、div、ul、ol、li、dl、dt、dd、h1~h6、form
  • 行标签: a、span、em、strong、b、i、u、label、br
  • 行内块标签:img、input、textarea

# 标签类型转换

可以通过设置display属性来进行标签类型的转换:

  • 转换为行内标签:display:inline;
  • 转换为块级标签:display:block/flex;
  • 转换为行内块标签:display:inline-block;

# 标签嵌套规则

  • 块标签可以嵌套块标签和和行内标签
  • 行内标签只能嵌套行内标签,不能嵌套块标签
  • 一些特殊块标签只能嵌套行标签:h1、h2、 h3、h4、 h5、 h6、 p 、dt

# Flex布局

Last Updated: 1/9/2024, 11:22:13 AM