microformats-logo

Mikroformáty

Jaroslav Moravec

Co to jsou mikroformáty microformats-logo

Definice

Microformats are small patterns of HTML to represent commonly published things like people, events, blog posts, reviews and tags in web pages.

Microformats enable the publishing of higher fidelity information on the Web; the fastest and simplest way to provide feeds and APIs for the information in your website.

Jaké máme mikroformáty? microformats-logo

POSH

= Plain Old Semantic HTML (POSH) POSH (spread posh)

Odkazy

hCalendar

hCalendar ukázkahCalendar embedded

<div class="vevent">
 <a class="url" href="http://www.web2con.com/">http://www.web2con.com/</a>
 <span class="summary">Web 2.0 Conference</span>: 
 <abbr class="dtstart" title="2007-10-05">October 5</abbr>-
 <abbr class="dtend" title="2007-10-20">19</abbr>,
   at the <span class="location">Argent Hotel, San Francisco, CA</span>
</div>
http://www.web2con.com/ Web 2.0 Conference: October 5- 19, at the Argent Hotel, San Francisco, CA

hCalendar značení

Vlastnosti

hCalendar

hCard

hCard značení

nickname, sort-string, url, email (type, value), tel (type, value), adr (post-office-box, extended-address, street-address, locality, region, postal-code, country-name, type, value), geo (latitude, longitude), tz, photo, logo, sound, bday, title, role, org (organization-name, organization-unit), category, note, class, key, mailer, uid, rev

hCard použití elementů

hCard ukázka hCard button

<div class="vcard">
  <a class="fn org url" href="http://www.commerce.net/">CommerceNet</a>
    <div class="adr">
      <span class="type">Work</span>:
      <div class="street-address">169 University Avenue</div>
      <span class="locality">Palo Alto</span>,  
      <abbr class="region" title="California">CA</abbr>  
      <span class="postal-code">94301</span>
      <div class="country-name">USA</div>
    </div>
  <div class="tel">
   <span class="type">Work</span> +1-650-289-4040
  </div>
  <div>Email: <span class="email">info@commerce.net</span></div>
</div>

hCard ukázka

CommerceNet
Work:
169 University Avenue
Palo Alto, CA 94301
USA
Work +1-650-289-4040
Email:

rel mikroformáty

VoteLinks

<a rev="vote-for" href="http://example.com/cheesevote"  
   title="Melt the cheese!">Do it!</a>
<a rev="vote-against" href="http://example.com/cheesevote"
   title="Don't melt the cheese!">Don't do it!</a>

XFN

= XHTML Friendly Network

XFN reference

typ vztahu XFN hodnoty
přátelský (jeden z): friend acquaintance contact
fyzický: met
preofesionální: co-worker colleague
geografický (jeden z): co-resident neighbor
rodinný (jeden z): child parent sibling spouse kin
romantický: muse crush date sweetheart
identita: me

XMDP

= Xhtml Meta Data Profiles 
<dl class="profile">
   <dt id="rel">rel</dt>
   <dd><p><a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">HTML4 definition of the 'rel' attribute.</a> Here is an additional value.</p>
    <dl>
     <dt id="license">license</dt>
     <dd>Indicates that the referred resource is a license for the referring page.</dd>
    </dl>
   </dd>
</dl>

XOXO 1.0

= Extensible Open XHTML Outlines
When we were discussing Attention.xml, Tantek pointed out that XHTML has everything necessary for semantically expressing outlines and blogroll-like subscriptions in an XML format that is both interactively renderable by browsers and parsable by strict XML engines. This page is here to discuss this idea.
The XOXO document type is made up of the following XHTML modules. The elements, attributes, and minimal content models associated with these modules are defined in "Modularization of XHTML" (XHTMLMOD). The elements are listed here for information purposes, but the definitions in "Modularization of XHTML" should be considered definitive. In the on-line version of this document, the module names in the list below link into the definitions of the modules within the current version of "Modularization of XHTML".

Zdroje