Is figcaption allowed to be a child of an <a> tag in HTML5?
<p>I thought that in HTML5 you could have block elements as children of <code>&lt;a&gt;</code> elements, as understood from the spec:</p>

<p><a href="https://www.w3.org/TR/html-markup/a.html#a" rel="noreferrer">https://www.w3.org/TR/html-markup/a.html#a</a></p>

<blockquote>
  <p>Although previous versions of HTML restricted the a element to only
  containing phrasing content (essentially, what was in previous
  versions referred to as “inline” content), the a element is now
  transparent; that is, an instance of the a element is now allowed to
  also contain flow content (essentially, what was in previous versions
  referred to as “block” content)—if the parent element of that instance
  of the a element is an element that is allowed to contain flow
  content.</p>
</blockquote>

<p>But now when I checked my page with an HTML validator I found this error message:</p>

<blockquote>
  <p>Error: Element “figcaption” not allowed as child of element “a” in this context. (Suppressing further errors from this subtree.)</p>
</blockquote>

<p>The code goes as follows:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;figure class="post"&gt;
  &lt;a href="#" title="foo"&gt;
    &lt;figcaption class="articuloInfo "&gt;
      &lt;h3&gt;FOO&lt;/h3&gt;
      &lt;p class="fecha"&gt;4/04/2014&lt;/p&gt;
      &lt;div class="descripcion"&gt;
      &lt;/div&gt;
    &lt;/figcaption&gt;
    &lt;div class="imagen"&gt;
      &lt;img src="foo.jpg" alt="foo"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/figure&gt;</code></pre>
</div>
</div>
</p>

<p>Can someone explain me where the error is and why?</p>