Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
h-entry as photo vs h-entry as note with photo
<article class="h-entry">
<figure class="e-content p-name">
<img src="/path/to/image" alt="Description of Image" class="u-photo">
<figcaption class="p-summary">Description of Image</figcaption>
</figure>
<p>Published by <a class="p-author h-card" href="https://domain.ext">Photographer</a>
on <time class="dt-published" datetime="2014-07-14 12:00:00">July 14<sup>th</sup>, 2014</time></p>
</article>
<figure class="h-entry">
<img src="/path/to/image" alt="Description of Image" class="e-content u-photo">
<figcaption class="p-name p-summary">Description of Image</figcaption>
<p>Published by <a class="p-author h-card" href="https://domain.ext">Photographer</a>
on <time class="dt-published" datetime="2014-07-14 12:00:00">July 14<sup>th</sup>, 2014</time></p>
</figure>
@ojohnny

This comment has been minimized.

Show comment
Hide comment
@ojohnny

ojohnny Aug 1, 2015

Nice distinction!

Minor nitpick: I don't think the second example is valid HTML5. The spec says that <figcaption> may only be the FIRST or the LAST child in a <figure> element.
http://www.w3.org/TR/html5/grouping-content.html#the-figcaption-element

ojohnny commented Aug 1, 2015

Nice distinction!

Minor nitpick: I don't think the second example is valid HTML5. The spec says that <figcaption> may only be the FIRST or the LAST child in a <figure> element.
http://www.w3.org/TR/html5/grouping-content.html#the-figcaption-element

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment