标签的分类和嵌套原则

Posted 2020-10-13

标签的分类

标签分为 块级标签，内联标签，内联块标签  三类；

1 块级标签(block)

主要包括 h1-h6，div，section ，header，footer，nav，p，ul，ol，li，dl，dd，dt，hr（分割线），artical，aside，form等

特征：1  独占一行；

　　　2  支持宽高，支持所有样式；

　　　3  不设置宽度，宽度铺满整行；

 

2 内联标签(inline)

主要包括 span，time，a，strong（粗体），mark（背景色），em(斜体)，br等

特征 ： 1 和其他元素在一行；

　　　  2 不设置宽度，宽度由内容（文字或图片的宽度）撑开；

　　　  3 不支持宽高，行高等；

　　　  4  代码换行会被解析成空格；

3  内联块标签（inline-block）

主要包括  img ，input

特征 ： 1 和其他元素都在一行上；

　　　  2 支持宽高可设置，如不设置由内容撑开；

　　　  3 代码换行会被解析成空格；

 

标签的嵌套原则

1 内联标签不能嵌套块标签；

2 a标签不能包含a标签；

3 固定嵌套间不能插入其他标签，如ul,ol,li,dl,dd,dt等；

4 h1-h6，dt，p  不能包含块标签；

5 li标签下可以放任何标签；