HTML标签嵌套：大块头vs小气鬼，谁能包容更多？

大家好！想聊点有趣的话题吗？让我跟你说个关于HTML标签嵌套的事儿。你知道HTML有多少tag吗，div/ul/li/dl/dt/dd，还有h1到h6，p，a等等，这些都是常见的。但嵌套的时候不多不少要注意下规则，否则就会看起来很乱。那么，大家知道怎么样嵌套HTML标签才是最好看吗？别着急，我一会儿给你们讲讲～

哈喽大家好！让我先给你们科普下HTML里的两大家族——块级和嵌入式元素。块级元素就是我们经常用来构造网站页面、设定布局以及放置内容的那一群家伙；而嵌入式元素，负责在内容中某处显眼位置，突出显示或加个上下标啥的，比如a呀、abbr呀、b呀、br这些小家伙们。记住~

说到块级元素和内嵌元素，咱们再说点儿它们互相搭配的规则呗。记住块级元素就是个大胃王，能容纳任何东西，包括内嵌元素或其他块级元素唉。但内嵌元素就不行了，只能跟它自家的兄弟姐妹混在一起喽。也就是说，块级元素就像是个大块头，什么都吃得下；而内嵌元素，就有点小气，只肯包容同伴。

记住只有那些特殊的块级元素才能包含内嵌元素，不能像俄罗斯套娃那样嵌套其他块级元素。它们就像是h1到h6，以及p和dt这样独特的标记。虽然有点儿少见，但挺有趣的不是？

你知道吗？其实在