Возможно ли figcaption быть дочерним элементом тега <a> в HTML5?

Question

Я думал, что в HTML5 вы могли бы блокировать элементы, как дети <a> элементов, как и понятно из спецификации:

https://www.w3.org/TR/html-markup/a.html#a

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.

Но теперь, когда я проверил мою страницу с HTML валидатор я нашел это сообщение об ошибке:

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

код выглядит следующим образом:

<figure class="post"> 
 
    <a href="#" title="foo"> 
 
    <figcaption class="articuloInfo "> 
 
     <h3>FOO</h3> 
 
     <p class="fecha">4/04/2014</p> 
 
     <div class="descripcion"> 
 
     </div> 
 
    </figcaption> 
 
    <div class="imagen"> 
 
     <img src="foo.jpg" alt="foo"> 
 
    </div> 
 
    </a> 
 
</figure>

Может кто-нибудь объяснить мне, где ошибка и почему?

Answer 1

Вы не должны использовать https://www.w3.org/TR/html-markup/, потому что он устарел (it’s a Рабочая записка Рабочей группы от 2013 года). Спецификация HTML5 является: https://www.w3.org/TR/2014/REC-html5-20141028/

Для figcaption element, списки спецификации "Контексты, в которых этот элемент может быть использован", которым являются:

As the first or last child of a figure element.

Это говорит ребенок (не потомок), поэтому он не может иметь элемент a как родительский.

Вы можете поместить a элемент вокруг figure элемента вместо (что возможно из-за части вы цитируемыми: a может содержать содержимое потока в настоящее время):

<a href="#" title="foo"> 
    <figure class="post"> 
    <!-- … --> 
    </figure> 
</a> 

Answer 2

figurecaption может иметь только фигурный элемент в качестве родителя:

https://developer.mozilla.org/en/docs/Web/HTML/Element/figcaption

Так фигура подпись не может быть прямым потомком якорной метки.