图形标记是否可以包含包装图像的锚标记?

arm*_*i13 11 html html5 figure

我正在尝试创建一个包含图像的锚标记内的图形标记.我想知道这种结构是否合法.以下代码显示了我希望它如何工作.

<figure>
   <a href="/my-picture">
       <img src="img/picture.jpg" alt="My picture">
   </a>
   <figcaption>
       My picture
   </figcaption>
</figure>
Run Code Online (Sandbox Code Playgroud)

Mac*_*cki 12

Validator说这是正确的结构,所以是的.

说到语义,我没有看到任何问题,但是请记住,在HTML5中,您可以将整个图形包装在一个可能有用的链接中,因为在大多数情况下您也要包装描述.

我用它来验证:

<!DOCTYPE html>
<html>
  <head>
    <title>a</title>
  </head>
  <body>
    <figure>
      <a href="/my-picture">
        <img src="img/picture.jpg" alt="My picture">
      </a>
      <figcaption>
        My picture
      </figcaption>
    </figure>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)