html标签的分类与嵌套规则

 

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的功能类似，都是包纳内容的盒子。

 

转载于:https://www.cnblogs.com/shuaixingxing/p/8655997.html