etiqueta figure dentro de a

[Amiancht]

Iniciado por Rafael

De que puedes sí, pero semánticamente no porque el h2 te marca una estructura, y el figure puede estar fuera de la estructura y jerarquía.

¿Sí sabes para qué es el figure?



Imagina un libro científico:

La planta etiquetus hyperlincus tiene hojas de estilos (ver figura 3).

Y entonces la figura la pones con su diagrama dentro. Esta figura puede estar en esa página o en otra. Obviamente un heading 2 no conviene que esté danzando por ahí.

Eso depende de lo que vayas a hacer. Si resulta que lo que estas haciendo es una galeria de imagenes con secciones en una misma página, entonces sería correcto un h2 o semejante en el figcaption.

Imagina un código así:

Código HTML:

<h1>Galeria de animales</h1>
<figure>
   <figcaption><h2>Aves</h2></figcaption>
   <img src="img/pollo.jpg">
   <img src="img/gallina.jpg">
</figure>
<figure>
   <figcaption><h2>Reptiles</h2></figcaption>
   <img src="img/tortuga.jpg">
   <img src="img/serpiente.jpg">
</figure>
 

Y no solo eso, sino que incluso se pueden anidar "figures" dentro de otros "figures", un ejemplo sacado de las especificaciones de HTML 5:
https://www.w3.org/TR/html5/grouping...figure-element

Código HTML:

<figure>
 <figcaption>The castle through the ages: 1423, 1858, and 1999 respectively.</figcaption>
 <figure>
  <figcaption>Etching. Anonymous, ca. 1423.</figcaption>
  <img src="castle1423.jpeg" alt="The castle has one tower, and a tall wall around it.">
 </figure>
 <figure>
  <figcaption>Oil-based paint on canvas. Maria Towle, 1858.</figcaption>
  <img src="castle1858.jpeg" alt="The castle now has two towers and two walls.">
 </figure>
 <figure>
  <figcaption>Film photograph. Peter Jankle, 1999.</figcaption>
  <img src="castle1999.jpeg" alt="The castle lies in ruins, the original tower all that remains in one piece.">
 </figure>
</figure>