Created
July 15, 2014 19:02
-
-
Save mko/f05e8cb0d2423f6deaa7 to your computer and use it in GitHub Desktop.
h-entry as photo vs h-entry as note with photo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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