使用带有img和figcaption作为链接的figure元素的正确标记是什么?

时间:2014-04-03 23:30:35

标签: html html5

到目前为止,我已经使用了以下内容(只是粗略概述):

<figure>
    <a>
       <img>
       <figcaption></figcaption>
    </a>
</figure>

在验证时,我现在遇到以下错误:

  

在此上下文中,元素figcaption不允许作为元素a的子元素。

根据定义,数字必须是figcaption的直接祖先,因此它会干扰我的标签。什么是正确和最优雅的方式使整个数字元素仍然被标记为链接。最好的问候拉尔夫

1 个答案:

答案 0 :(得分:0)

这看起来很优雅:

<a>
  <figure>
    <img>
    <figcaption></figcaption>
  </figure>
</a>

这样,figcaption是一个图形的孩子,整个数字是一个链接。