html - HTML5 中的行内元素是否允许 block 级元素？

Question

举个例子

是<a href="#"><h1>Heading</h1></a>在 HTML5 中有效吗？

Answer 1

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

引用:“Block-level” links in HTML5

提示:如果使用此设置 <a>至 display: block;或者可能会有意想不到的视觉样式结果:Source: Test Case

更新:

“不允许”其他“内联 block ”组合，其中“默认样式可能导致混淆”- explanation is here :

Cases where the default styles are likely to lead to confusion

Certain elements have default stylesor behaviors that make certaincombinations likely to lead toconfusion. Where these have equivalentalternatives without this problem, theconfusing combinations are disallowed.

For example, div elements are renderedas block boxes, and span elements asinline boxes. Putting a block box inan inline box is unnecessarilyconfusing; since either nesting justdiv elements, or nesting just spanelements, or nesting span elementsinside div elements all serve the samepurpose as nesting a div element ina span element, but only the latterinvolves a block box in an inline box,the latter combination is disallowed.