Comments on: The figure & figcaption elements http://html5doctor.com/the-figure-figcaption-elements/ helping you implement HTML5 today Mon, 21 May 2012 10:47:22 +0000 hourly 1 http://wordpress.org/?v= By: Billy http://html5doctor.com/the-figure-figcaption-elements/#comment-25397 Billy Fri, 04 May 2012 00:23:34 +0000 http://html5doctor.com/?p=1646#comment-25397 Re: Alt vs. figcaption: Using the "CEO of Blammo Corp" example. My vote's for the alt saying something like "Mugshot"; the figcaption should then be "John Doe, CEO of Blammo Corp.". The alt should describe what the photo is... Alt !== caption. :D Re: Alt vs. figcaption:

Using the “CEO of Blammo Corp” example.

My vote’s for the alt saying something like “Mugshot”; the figcaption should then be “John Doe, CEO of Blammo Corp.”.

The alt should describe what the photo is… Alt !== caption. :D

]]> By: Oli Studholme http://html5doctor.com/the-figure-figcaption-elements/#comment-25283 Oli Studholme Wed, 18 Apr 2012 15:02:23 +0000 http://html5doctor.com/?p=1646#comment-25283 It’s even more fun — “Contexts in which this element can be used: As the <em>first or last</em> child of a figure element”. @Sergey — Also, <a href="http://oli.jp/2009/html5-block-level-links/" rel="nofollow">be careful with block-level links in Firefox <4</a> if the link’s first child is a new-in-HTML5 element… if you have enough FF3x users to worry about :) It’s even more fun — “Contexts in which this element can be used: As the first or last child of a figure element”.

@Sergey — Also, be careful with block-level links in Firefox <4 if the link’s first child is a new-in-HTML5 element… if you have enough FF3x users to worry about :)

]]> By: bruce http://html5doctor.com/the-figure-figcaption-elements/#comment-25241 bruce Wed, 11 Apr 2012 10:35:56 +0000 http://html5doctor.com/?p=1646#comment-25241 @alcohi thanks for pointing that out - I'd forgotten that figcaption must be the direct child of figure. I'm hanging up my stethoscope in shame. @alcohi thanks for pointing that out – I’d forgotten that figcaption must be the direct child of figure.

I’m hanging up my stethoscope in shame.

]]> By: Sergey http://html5doctor.com/the-figure-figcaption-elements/#comment-25240 Sergey Wed, 11 Apr 2012 10:32:02 +0000 http://html5doctor.com/?p=1646#comment-25240 @Alohci - that's right! I didn't think about it. Thanks! @Alohci – that’s right! I didn’t think about it. Thanks!

]]> By: Alohci http://html5doctor.com/the-figure-figcaption-elements/#comment-25237 Alohci Wed, 11 Apr 2012 06:52:26 +0000 http://html5doctor.com/?p=1646#comment-25237 @Sergey - You're probably right that you don't need figure at all, but note that of your two options using figure, the first (link inside figure) is invalid in HTML5. figcaption (not figcapture) must be the direct child of figure. @Sergey – You’re probably right that you don’t need figure at all, but note that of your two options using figure, the first (link inside figure) is invalid in HTML5. figcaption (not figcapture) must be the direct child of figure.

]]> By: Sergey http://html5doctor.com/the-figure-figcaption-elements/#comment-25233 Sergey Tue, 10 Apr 2012 14:09:40 +0000 http://html5doctor.com/?p=1646#comment-25233 Oops.. forgot to encode: <code> <a href> <img /> Image Title </a> Oops.. forgot to encode:

<a href>
<img />
Image Title
</a>

]]> By: Sergey http://html5doctor.com/the-figure-figcaption-elements/#comment-25232 Sergey Tue, 10 Apr 2012 14:08:38 +0000 http://html5doctor.com/?p=1646#comment-25232 Thanks for reply, bruce. I agree that styling may be easier with the link inside.. Probably you're right and link should be inside the figure element in such cases. I just thought and got to conclusion that images in my gallery are the main content, so maybe it's not correct to use figure at all.. Maybe it should be just: <code> <a href rel="nofollow"> Image Title </a> </code> Thanks for reply, bruce. I agree that styling may be easier with the link inside.. Probably you’re right and link should be inside the figure element in such cases.
I just thought and got to conclusion that images in my gallery are the main content, so maybe it’s not correct to use figure at all.. Maybe it should be just:

Image Title

]]> By: bruce http://html5doctor.com/the-figure-figcaption-elements/#comment-25231 bruce Tue, 10 Apr 2012 13:44:21 +0000 http://html5doctor.com/?p=1646#comment-25231 I don't think it matters. I'd probably use the link inside the figure as I imagine it would be easier to style. Let us know how it goes! I don’t think it matters. I’d probably use the link inside the figure as I imagine it would be easier to style. Let us know how it goes!

]]> By: Sergey http://html5doctor.com/the-figure-figcaption-elements/#comment-25230 Sergey Tue, 10 Apr 2012 13:39:03 +0000 http://html5doctor.com/?p=1646#comment-25230 I have a gallery page. Should I use figure for pictures that link to external pages? If yes, then which one is more correct: <code> <figure> <a href> <img /> <figcapture></figcapture> </a> </figure> </code> or <code> <a href> <figure> <img /> <figcapture></figcapture> </figure> </a> </code> Thanks in advance I have a gallery page.
Should I use figure for pictures that link to external pages?

If yes, then which one is more correct:


<figure>
<a href>
<img />
<figcapture></figcapture>
</a>
</figure>

or


<a href>
<figure>
<img />
<figcapture></figcapture>
</figure>
</a>

Thanks in advance

]]> By: Todd M. http://html5doctor.com/the-figure-figcaption-elements/#comment-25179 Todd M. Tue, 03 Apr 2012 10:18:31 +0000 http://html5doctor.com/?p=1646#comment-25179 Thanks for this explanation, nice and easy. Thanks for this explanation, nice and easy.

]]>