During my work on off-platform project “The Tea Cozy” I ran on a design/structural problem.
What is the best and most appropriate way to make link consisting of an image followed by the caption?
I came up with something like this having semathic good practise in my mind:
<a href="..."> <figure> <img src="..." alt="..."> <figcaption>Some text</figcaption> </figure> </a>
Or is it better to stick with just div’s and spans?
<a href="..."> <div class=".."> <img src="..." alt="..."> <span>Some text</span> </div> </a>
What’s your thoughts on this topic? What way would be the best?
Thanks in advance for help