title: Is figcaption allowed to be a child of an <a> tag in HTML5?
body: <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>