html - 为什么 <a href> 不允许作为 <figure> 的 child

Question

这是 w3.org 未验证的一些代码:

<figure class="image">
    <img src="#" alt="#">
    <figcaption>
        <small>Cabinet Artwork</small>
        <br>
        Pretty in Pink in Mt Albert
    </figcaption>
    <a href="#" class="more"></a>
</figure>

验证器抛出一个错误，指出“在此上下文中元素 a 不允许作为元素图形的子元素”。然而，<figure>是 block 级元素和子元素的父元素 <a href> ，并且应该被允许在这里。那为什么是验证错误呢？

谢谢!

Answer 1

The spec says <figure> 的内容模型是:

Either: One figcaption element followed by flow content.
Or: Flow content followed by one figcaption element.
Or: Flow content.

您有规则 1 和规则 2 的组合(一个 figcaption 在和之后是流内容)，这是不允许的。

换句话说，<figcaption>必须是 <figure> 中的第一个或最后一个元素.它不能在中间。