HTML容器标签和文本标签

html中的容器级标签和文本级标签，css中的块级元素和行内元素是我们常常拿来比较的四个名词（行内块级暂时先不考虑）。注：如果标签嵌套错误，可能会发生浏览器解析错误的情况，只是针对嵌套做的这个。

容器标签

1、容器级的标签可以简单的理解为能嵌套其它所有标签的标签。
2、常见容器级的标签: div h ul ol dl li dt dd ...。

 

文本标签

1、文本级的标签对应容器级标签，只能嵌套文字/图片/超链接的标签。
2、常见文本级的标签:span p buis strong em ins del ...。

 

块级元素

1、css中的块级元素基本与html中的容器级标签对应，包括: **p** div h ul ol dl li dt dd ...。

2、*ps:不用刻意去记忆哪些标签是文本级的哪些标签是容器级, 在企业开发中一般情况下要嵌套都是嵌套在div中, 或者按照组标签来嵌套(ul>li, ol>li , dl>dt+dd).*

 

行内元素

1、行内元素也基本与文本标签对应：span buis strong em ins del。

 

块级元素与行内元素

1.块级元素独占一行，行内元素不独占。
2.如果没有设置宽高，块级元素默认与父元素一致，设置了则按设置的显示；
　行内元素不可以设置宽高，默认与包含的内容高度一致。

ps:为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素

css中显示模式的切换

可以通过标签的display属性设置显示模式。

display取值

1、block 块级
2、inline 行内
3、inline-block 行内块级

总结：一般块级元素都是容器级标签，但是有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素

 h1、h2、h3、h4、h5、h6、p、dt 

 

转载于:https://www.cnblogs.com/wfblog/p/8955763.html