HTML5中的内嵌级元素是否允许块级元素?
举一个例子
<a href="#"><h1>Heading</h1></a>
在HTML5中有效吗?
是的,你所写的在HTML5中是有效的,但并不是所有的内联元素,我认为它只适用于<a>
。
参考: HTML5中的“块级”链接
提示:如果使用这个设置<a>
display: block;
或者可能会有意外的视觉样式结果: 来源:testing用例
更新:
对于“默认样式可能导致混淆”的其他“内联”组合,“不允许” – 解释如下 :
默认样式可能导致混淆的情况
某些元素具有默认样式或行为,使得某些组合可能导致混淆。 在没有这个问题的情况下,如果这些方法具有相同的替代scheme,则混淆的组合是不允许的
例如,div元素呈现为块框,而span元素则为行内框。 将一个块盒放在一个内联框中是不必要的混淆; 因为要么嵌套div元素,要么嵌套span元素,或者在div元素中嵌套span元素,都起到与在span元素中嵌套div元素相同的作用,但只有后者涉及内联框中的块框, 后者组合是不允许的。