Microformats used in the postΒΆ
A post uses the following microformats, which can be used to analyse a post.
- Each post is an
<article>
element [1], and it conforms to theh-entry
microformat [2]. - The metadata for the post is contained within an
<aside>
element [3]. - The topic-title is marked with the
p-name
class, and given aheading
role [4]. Note that the heading may be hidden by the CSS for the page.- The
<article>
and heading are linked by thearia-labelledby
attribute on the<article>
[5]. - The
u-url
(also on the heading) marks the URL of the permalink for the post.
- The
- The author metadata is given in an
<address>
element [6], with theh-card
andp-author
classes; the name marked with thep-name
class [7]. - The post-date in in a
<time>
element, with thedatetime
attribute [8] set to the date the post was made in UTC. The<time>
element is also given the classdt-published
.
[1] | For more on the <article> element see
<https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article> |
[2] | See the Microformats wiki for more on h-entry
<http://microformats.org/wiki/h-entry> |
[3] | For more on the <aside> element see
<https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside> |
[4] | For more on the heading role see
<http://www.w3.org/TR/wai-aria/roles#heading> |
[5] | For more on the WAI-ARIA aria-labelledby
attribute see
<https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute> |
[6] | For more on the <address> element see
<https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address> |
[7] | See the Microformats wiki for more on h-card
<http://microformats.org/wiki/h-card> |
[8] | For more on the HTML5 Time element see <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time> |