html标签的分类与嵌套规则

时间:2022-02-14 20:25:18

 

1、标签分类:

  1、常见的块标签:

    div、 h1~h6、 p、 dl、 dt、 dd、 ol、 ul、 table、 form等

    特点:独占一行;高度、行高、边距都可以设定;默认宽度是容器的宽度的100%,除非特殊设置。

    作用:用来搭建网站的结构,网页布局。

  2、常见的行内标签:

    span、 a、 i、 em、 b、 strong、 input、 select、 label等

    特点:共处一行;行高,高以及边距都不可设置;高度是被内容撑开。

  3、常见的行内块标签:

    img

    特点:支持宽高;共处一行

2、嵌套规则:

  1、块标签与块标签同级别,行内标签与行内标签同级别。

  2、块标签可以嵌套其它块标签以及行内标签(部分特殊除外),行内标签只能嵌套行内标签。

  3、几个特殊的块标签不能嵌套块标签,只能嵌套行内标签。

    h1~h6、 p、 dt

  4、li标签可以嵌套其它块标签,因为li与div的功能类似,都是包纳内容的盒子。