划分依据:根据标签内部可以存放的元素内容不同进行划分,它与CSS样式无关。
1.什么是容器级标签?
标签内部可以存放任意内容,包含容器级的标签。比如<h1>,<div>标签等。
2.什么是文本级标签?
标签内部只能存放文字或者类似文字的内容,比如存放图片、表单元素等。例如<p>标签。
示例1:
如下示例中,我们知道<div>标签是布局常用的标签,它是一个容器级的标签,那么我们给<div>标签外层嵌套一个其他标签,进行控制台检测查看,发现<div>标签没有被控制台显示再外面,还是我们正常再编辑器里面的同样的结果,此时说明<span>标签是一个容器标签。
示例2:
我们同样的检测标签级别的方式,检测<a>标签,给<div>标签外层嵌套一个<a>标签,测试结果如下:我们可以看到<a>标签也是一个容器级的标签。
示例3:
通过示例3,我们使用<p>标签测试,打开控制台检测发现<div>标签被展示到了<p>标签的外面,故此可以推断出<p>标签不是一个容器级标签,而是一个文本级标签。
疑惑:与css中的行内和块级元素有联系吗?
答案:没有任何联系。因为css中的行内和块级元素指的是一个元素在浏览器中的显示模式,与内部内容无关。