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 the h-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 a heading role [4]. Note that the heading may be hidden by the CSS for the page.
    • The <article> and heading are linked by the aria-labelledby attribute on the <article> [5].
    • The u-url (also on the heading) marks the URL of the permalink for the post.
  • The author metadata is given in an <address> element [6], with the h-card and p-author classes; the name marked with the p-name class [7].
  • The post-date in in a <time> element, with the datetime attribute [8] set to the date the post was made in UTC. The <time> element is also given the class dt-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>