web-dev-qa-db-ja.com

フィギュアタグに画像をラップするアンカータグを含めることはできますか？

画像をラップするアンカータグの内側にあるFigureタグを作成しようとしています。その構造が合法かどうか疑問に思いました。これが私がそれをどのように機能させたいかを示すコードです。

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

バリデーターはそれが適切な構造であると言っているので、そうです。

セマンティックに関しては問題はありませんが、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>
12
Maciej Paprocki