图形标签可以包含包裹图像的锚标签吗？

Question

我正在尝试创建一个图形标签，其中包含一个包含图像的锚标签。我想知道这种结构是否合法。这是显示我希望它如何工作的代码。

<figure>
   <a href="/my-picture">
       <img src="img/picture.jpg" alt="My picture">
   </a>
   <figcaption>
       My picture
   </figcaption>
</figure>

Answer 1

验证器说它是正确的结构，是的。

当涉及到语义时，我没有发现任何问题，但是请始终记住，在 HTML5 中，您可以将整个图形包装在 link 中，这可能在大多数情况下都有用如果您还想包装描述。

我用这个来验证：

<!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>

图形标签可以包含包裹图像的锚标签吗？

Can a figure tag contain an anchor tag wrapping the image?

html

figure