# 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