{"id":56,"date":"2010-09-20T12:08:42","date_gmt":"2010-09-20T12:08:42","guid":{"rendered":"https:\/\/codeblam.com\/blog\/?p=56"},"modified":"2024-12-28T19:40:55","modified_gmt":"2024-12-28T19:40:55","slug":"microformats-specifications","status":"publish","type":"post","link":"https:\/\/codeblam.com\/blog\/html\/microformats-specifications\/","title":{"rendered":"Microformats Specifications"},"content":{"rendered":"\n<p>The list of current, stable&nbsp;Microformats open standard specifications.<\/p>\n\n\n\n<p><strong>hCalendar&nbsp;<\/strong>&#8211;&nbsp;(HTML iCalendar)&nbsp;is a&nbsp;Microformat standard for displaying a semantic&nbsp;representation of &nbsp;calendar information about an event, on&nbsp;web pages, using HTML classes and&nbsp;<em>rel<\/em>&nbsp;attributes.<\/p>\n\n\n\n<p>Consider the following HTML example<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p>\n    The English Wikipedia was launched\n    on 15 January 2001 with a party from\n    2-4pm at\n    Jimmy Wales' house\n    (&lt;a href=\"http:\/\/en.wikipedia.org\/wiki\/History_of_Wikipedia\">more information&lt;\/a>)\n&lt;\/p><\/code><\/pre>\n\n\n\n<p>hCalendar mark-up may &nbsp;added using&nbsp;HTML elements and appropriate&nbsp;classes:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head profile=\"http:\/\/www.w3.org\/2006\/03\/hcard\">\n ...\n &lt;\/head>\n ...\n &lt;div class=\"vcard\">\n   &lt;div class=\"fn\">Joe Doe&lt;\/div>\n   &lt;div class=\"nickname\">Jo&lt;\/div>\n   &lt;div class=\"org\">The Example Company&lt;\/div>\n   &lt;div class=\"tel\">604-555-1234&lt;\/div>\n   &lt;a class=\"url\" href=\"http:\/\/example.com\/\">http:\/\/example.com\/&lt;\/a>\n &lt;\/div><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>rel-license&nbsp;<\/strong>&#8211;&nbsp;By adding&nbsp;<code>rel=\"license\"<\/code>&nbsp;to a hyperlink, a page indicates that the destination of that hyperlink is a license for the current page. E.g. with the following hyperlink:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"http:\/\/creativecommons.org\/licenses\/by\/2.0\/\" rel=\"license\">cc by 2.0&lt;\/a><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>rel-nofollow&nbsp;<\/strong>&#8211;&nbsp;By adding&nbsp;<code>rel=\"nofollow\"<\/code>&nbsp;to a hyperlink, a page indicates that the destination of that hyperlink<em>should not<\/em>&nbsp;be afforded any additional weight or ranking by user agents which perform link analysis upon web pages (e.g. search engines). Typical use cases include links created by 3rd party commenters on blogs, or links the author wishes to point to, but avoid endorsing.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>rel-tag&nbsp;<\/strong>&#8211;&nbsp;By adding&nbsp;<code>rel=\"tag\"<\/code>&nbsp;to a hyperlink, a page indicates that the destination of that hyperlink is an author-designated \u201ctag\u201d (or keyword\/subject) for the current page. Note that a tag may just refer to a major portion of the current page (i.e. a blog post). e.g. by placing this link on a page,<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"http:\/\/technorati.com\/tag\/tech\" rel=\"tag\">tech&lt;\/a><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>XFN&nbsp;<\/strong>&#8211;&nbsp;XHTML Friends Network &nbsp;is an&nbsp;microformat developed by&nbsp;Global Multimedia Protocols Group that provides a simple way to represent human relationships using links. XFN enables web authors to indicate relationships to the people in their&nbsp;blogrolls by adding one or more keywords as the&nbsp;<em>rel<\/em>&nbsp;attribute to their links. XFN was the first&nbsp;microformat, introduced in December 2003.<\/p>\n\n\n\n<p>A friend of Jimmy Example could indicate that relationship by publishing a link on their site like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"http:\/\/jimmy.example.com\/\" rel=\"friend\">Jimmy Example&lt;\/a><\/code><\/pre>\n\n\n\n<p>Multiple values may be used, so if that friend has met Jimmy:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"http:\/\/jimmy.example.com\/\" rel=\"friend met\">Jimmy Example&lt;\/a><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>XMDP&nbsp;<\/strong>&#8211;&nbsp;<strong>XHTML Meta Data Profiles&nbsp;<\/strong>is a format for defining&nbsp;metadata \u2018profiles\u2019 in a machine-readable fashion, while enabling people to see a description of the definition visually in a&nbsp;web browser. XMDP definitions are expressed in&nbsp;XHTML. Examples of applications that use XMDP include&nbsp;XFN and&nbsp;hCard.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;dl>\n  &lt;dt id=\"title\">title&lt;\/dt>\n  &lt;dd>The name given to a piece of work.&lt;\/dd>\n&lt;\/dl><\/code><\/pre>\n\n\n\n<p>To apply, use the profile attribute in the head element of your document:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head profile=\"URL\"><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>XOXO&nbsp;<\/strong>&#8211;&nbsp;<strong>eXtensible Open XHTML Outlines&nbsp;<\/strong>is an&nbsp;XML microformat for outlines built on top of&nbsp;XHTML. Developed by several authors to reuse XHTML building blocks instead of inventing unnecessary new XML elements\/attributes, XOXO is based on existing conventions for publishing outlines, lists, and blogs on the Web.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n","protected":false},"excerpt":{"rendered":"<p>The list of current, stable&nbsp;Microformats open standard specifications. hCalendar&nbsp;&#8211;&nbsp;(HTML iCalendar)&nbsp;is a&nbsp;Microformat standard for displaying a semantic&nbsp;representation of &nbsp;calendar information about an event, on&nbsp;web pages, using HTML classes and&nbsp;rel&nbsp;attributes. Consider the&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":340,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6,11,15],"tags":[26,29,33],"class_list":["post-56","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-microformats","category-seo","category-w3c","tag-html","tag-microformats","tag-seo"],"_links":{"self":[{"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/posts\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":1,"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/posts\/56\/revisions\/349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/media\/340"}],"wp:attachment":[{"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeblam.com\/blog\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}