HTML5中是否允许块级元素嵌套在行内元素中？

Question

举个例子

在HTML5中，<a href="#"><h1>标题</h1></a> 是否有效？

- Jitendra Vyas

Answer 1

你写的内容在HTML5中是有效的，但并不是所有内联元素都适用，我认为只适用于 <a> 元素。

参考：HTML5 中的“块级”链接

提示：如果使用此功能，请将 <a> 设置为 display: block; ，否则可能会产生意想不到的视觉样式结果：源代码：测试用例

更新：

对于其他“内联中的块级”组合，如果“默认样式可能导致混淆”，则被“禁止” - 解释在这里：

默认样式可能导致混淆的情况

某些元素具有默认样式或行为， 使某些组合可能导致混淆。 对于这些问题有等效替代方案， 而不会出现这种问题， 因此禁止使用混淆组合。

例如， div 元素呈现为块级盒子， 而 span 元素为内联盒子。 在内联盒子中放置块级盒子是不必要的混淆； 因为仅嵌套 div 元素、 仅嵌套 span 元素，或将 span 元素 嵌套在 div 元素中都可以达到相同的目的， 但只有将 div 元素嵌套在 span 元素中涉及 块级盒子在内联盒子中， 因此禁止使用后者组合。

- clairesuzy