Comments on: The figure & figcaption elements http://html5doctor.com/the-figure-figcaption-elements/ helping you implement HTML5 today Tue, 07 Feb 2012 11:44:17 +0000 hourly 1 http://wordpress.org/?v= By: Jessica Watkins http://html5doctor.com/the-figure-figcaption-elements/#comment-21548 Jessica Watkins Tue, 24 Jan 2012 17:03:44 +0000 http://html5doctor.com/?p=1646#comment-21548 I love that this code works. However, my issue is; I am placing images in a row and I can not for the life of me figure out how to give each image it's own caption without misplacing the order of the images. Every time I try to add a caption to the other images in the row, after adding the caption to the first image, the next image will pop below the first:( Can anyone figure out what I need to do? Thank You All in advance:) I love that this code works. However, my issue is; I am placing images in a row and I can not for the life of me figure out how to give each image it’s own caption without misplacing the order of the images. Every time I try to add a caption to the other images in the row, after adding the caption to the first image, the next image will pop below the first:(

Can anyone figure out what I need to do?

Thank You All in advance:)

]]> By: matt http://html5doctor.com/the-figure-figcaption-elements/#comment-21062 matt Sat, 24 Dec 2011 06:08:14 +0000 http://html5doctor.com/?p=1646#comment-21062 What if the image gallery is the main content? Will it still be valid to use figure? It seems very logical to do so, but is it (technically speaking) semantically correct? What if the image gallery is the main content? Will it still be valid to use figure? It seems very logical to do so, but is it (technically speaking) semantically correct?

]]> By: 解读 HTML5：建议、技巧和技术 | web技能 | 天津网站制作|天津网页设计|天津网站设计|天津网络公司|天津网站设计公司|天津wordpress模板制作|天津flash网站制作|天津圣郡网络 http://html5doctor.com/the-figure-figcaption-elements/#comment-20586 解读 HTML5：建议、技巧和技术 | web技能 | 天津网站制作|天津网页设计|天津网站设计|天津网络公司|天津网站设计公司|天津wordpress模板制作|天津flash网站制作|天津圣郡网络 Wed, 14 Dec 2011 03:53:47 +0000 http://html5doctor.com/?p=1646#comment-20586 [...] Figure 和 caption 元素 [...] [...] Figure 和 caption 元素 [...]

]]> By: Valerie Lynn http://html5doctor.com/the-figure-figcaption-elements/#comment-19830 Valerie Lynn Sun, 04 Dec 2011 20:11:16 +0000 http://html5doctor.com/?p=1646#comment-19830 Thank you for the explanation of figure and figcaption! Thank you for the explanation of figure and figcaption!

]]> By: binrui http://html5doctor.com/the-figure-figcaption-elements/#comment-18705 binrui Fri, 18 Nov 2011 16:22:22 +0000 http://html5doctor.com/?p=1646#comment-18705 Thank you for your nice work! Thank you for your nice work!

]]> By: aurel http://html5doctor.com/the-figure-figcaption-elements/#comment-18669 aurel Thu, 17 Nov 2011 19:33:36 +0000 http://html5doctor.com/?p=1646#comment-18669 just to get my head around it: what is the point of having an image inside a figure without giving it a caption. just to get my head around it: what is the point of having an image inside a figure without giving it a caption.

]]> By: Sacima鲨鳍马工作室 » Blog Archive » Reviews Of Blog Designs In The Wild http://html5doctor.com/the-figure-figcaption-elements/#comment-18278 Sacima鲨鳍马工作室 » Blog Archive » Reviews Of Blog Designs In The Wild Tue, 01 Nov 2011 17:06:25 +0000 http://html5doctor.com/?p=1646#comment-18278 [...] code is a neat bit of HTML5, using the shim. One bit of interest was the use of the figure and figurecaption tags, which I haven’t seen used in a production environment [...] [...] code is a neat bit of HTML5, using the shim. One bit of interest was the use of the figure and figurecaption tags, which I haven’t seen used in a production environment [...]

]]> By: Oli Studholme http://html5doctor.com/the-figure-figcaption-elements/#comment-17857 Oli Studholme Sat, 01 Oct 2011 03:44:45 +0000 http://html5doctor.com/?p=1646#comment-17857 @Shawn — sure, that’s valid (ref <a href="http://html5doctor.com/the-figure-figcaption-elements/#comment-17692" rel="nofollow">my reply to Nathan</a> above), but if the images are your main content I think in this case not using <code><figure></code> is better. Remember the “can be moved away from the main flow of the document without affecting the document’s meaning” bit in the spec quote at the start of this article. For me <code><figure></code> is appropriate if a mobile browser could replace your <code><figure></code>s with a “See figure 3” etc link (to save on bandwidth), and the page still works. @Shawn — sure, that’s valid (ref my reply to Nathan above), but if the images are your main content I think in this case not using <figure> is better. Remember the “can be moved away from the main flow of the document without affecting the document’s meaning” bit in the spec quote at the start of this article.

For me <figure> is appropriate if a mobile browser could replace your <figure>s with a “See figure 3” etc link (to save on bandwidth), and the page still works.

]]> By: nathan http://html5doctor.com/the-figure-figcaption-elements/#comment-17832 nathan Thu, 29 Sep 2011 20:38:47 +0000 http://html5doctor.com/?p=1646#comment-17832 That's what I'm wondering, too, Shawn. If other tags are allowed within the figcaption tag...not a lot of info on the web about that guy just yet. That’s what I’m wondering, too, Shawn. If other tags are allowed within the figcaption tag…not a lot of info on the web about that guy just yet.

]]> By: Shawn http://html5doctor.com/the-figure-figcaption-elements/#comment-17830 Shawn Thu, 29 Sep 2011 18:07:28 +0000 http://html5doctor.com/?p=1646#comment-17830 Could figure and figcaption be correctly used to display a post thumbnail and the title and/or excerpt as the figcaption. For instance a portfolio page whereby an individual item would look something like the following: <code> <figure> <img src="path/to/image" alt=""> <figcaption> <h2>Title</h2> <p class="excerpt">Excerpt content here...</p> </figcaption> </figure> </code> I am sure that this will work, but would it be correct semantically? Or is div - img - h2 - p a more appropriate solution? Could figure and figcaption be correctly used to display a post thumbnail and the title and/or excerpt as the figcaption. For instance a portfolio page whereby an individual item would look something like the following:


<figure>
<img src="path/to/image" alt="">
<figcaption>
<h2>Title</h2>
<p class="excerpt">Excerpt content here...</p>
</figcaption>
</figure>

I am sure that this will work, but would it be correct semantically? Or is div – img – h2 – p a more appropriate solution?

]]>