HTML5中元素的包含关系总结

元素的包含关系

不要怼面试官,老老实实的把他想要的答案给他。。。

块级元素和行级元素的关系(旧)

以前:块级元素在页面中独占一行,行级元素不换行
块级元素可以包含行级元素,行级元素不可以包含块级元素,a元素除外

然后礼貌的告诉他,现在已经弃用了这种说法,现在没有行级和块级元素这用叫法,只有元素的包含关系

元素的包含关系(新)

元素的包含关系由元素的内容类别决定
问:h1元素可以包含p元素吗?
答:不能,理由如下图
截屏2021-03-07 下午2.32.33

元素包含关系的总结

1.容器元素里可以包含任何元素
2.a元素几乎可以包含任何元素
3.某些元素只能出现固定的元素,如:ul只能有li,dl里只能有dt+dd
4.标题元素和段落元素不能相互嵌套,并且也不能放容器元素

为什么有些网站的dl里有可能只出现dd而不报错呢?这是因为浏览器的宽容性问题
有关于HTML的内容类别可以百度搜索官方文档:元素+mdn
例如:p mdn

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×