Almost Universal Microformat Parser - Parsing Results

hAtom: Use it and Improve it!

@index
hentry-1
@parents
hfeed text wrap
@title
Use it and Improve it!
@uf
hAtom
@uri
http://microformats.tumblr.com/
bookmark
http://microformats.tumblr.com/post/64537240/use-it-and-improve-it
entry-content

This Tumblr theme implements the hatom microformat. The code for this theme is hosted on github here. Please feel free to add to and improve upon the code in any way you can.

The complete source ready to copy straight into your Tumblr customize page can be found here.

See the README file for further instructions.

entry-title
Use it and Improve it!
author
  1. @index
    vcard-1
    @parents
    author hidden
    @title
    atomless
    @uf
    hCard
    @uri
    http://microformats.tumblr.com/
    fn
    atomless
    n.given-name
    atomless
    nickname
    atomless
    uid
    atomless
    url
    http://blog.jamestindall.info/
tag
  1. @index
    tag-1
    @title
    tumblr
    @uf
    rel-tag
    @uri
    http://microformats.tumblr.com/
    name
    tumblr
    tag-text
    tumblr
    uri
    http://microformats.tumblr.com/tagged/tumblr
  2. @index
    tag-1
    @title
    theme
    @uf
    rel-tag
    @uri
    http://microformats.tumblr.com/
    name
    theme
    tag-text
    theme
    uri
    http://microformats.tumblr.com/tagged/theme
  3. @index
    tag-1
    @title
    microformats
    @uf
    rel-tag
    @uri
    http://microformats.tumblr.com/
    name
    microformats
    tag-text
    microformats
    uri
    http://microformats.tumblr.com/tagged/microformats

hAtom: Just what are Microformats anyway?

@index
hentry-2
@parents
hfeed text wrap
@title
Just what are Microformats anyway?
@uf
hAtom
@uri
http://microformats.tumblr.com/
bookmark
http://microformats.tumblr.com/post/64467342/just-what-are-microformats-anyway
entry-content

Microformats are a set of open standards and specifications for the construction of (X)HTML that is meaningful to both humans and machines.

Definition from the microformats wiki:

Microformats enable the publishing of higher fidelity information on the Web, providing the fastest and simplest way to support feeds and APIs for your website.

See more explanations of what microformats are, and what you can do with them.

entry-title
Just what are Microformats anyway?
author
  1. @index
    vcard-1
    @parents
    author hidden
    @title
    atomless
    @uf
    hCard
    @uri
    http://microformats.tumblr.com/
    fn
    atomless
    n.given-name
    atomless
    nickname
    atomless
    uid
    atomless
    url
    http://blog.jamestindall.info/
tag
  1. @index
    tag-1
    @title
    text
    @uf
    rel-tag
    @uri
    http://microformats.tumblr.com/
    name
    text
    tag-text
    text
    uri
    http://microformats.tumblr.com/tagged/text
  2. @index
    tag-1
    @title
    microformats
    @uf
    rel-tag
    @uri
    http://microformats.tumblr.com/
    name
    microformats
    tag-text
    microformats
    uri
    http://microformats.tumblr.com/tagged/microformats

hAtom: Why Microformats?

@index
hentry-3
@parents
chat hfeed wrap
@title
Why Microformats?
@uf
hAtom
@uri
http://microformats.tumblr.com/
bookmark
http://microformats.tumblr.com/post/64460158/why-microformats
entry-content
  • Developer1: Now we've all separated style from content, wouldn't it be great if everyone used a standard structure and set of class names in their markup?
  • Developer2: Great idea! That will save me having to invent new ones. Let's also make those class names as semantically meaningful as possible.
  • Developer1: Good thinking! This will make our code instantly meaningful to other people.
  • Developer2: Absolutely, and all these standardised, semantic class names will also make our content more accessible to machines!
  • Developer1: What shall we call this set of standards?
  • Developer2: How about microformats?
  • Developer1: Perfect!
  • Developer2: What should we do when there's no existing microformat for the particular kind of element we are marking up?
  • Developer1: In such cases I think we should use Plain Old Semantic HTML.
  • Developer2: Ah, you mean just use a class name that's as semantically meaningful as possible?
  • Developer1: Exactly! Rather POSH don't you think?
  • Developer2: Ha! This is so cool! So many benefits with no extra effort!
  • entry-title
    Why Microformats?
    author
    1. @index
      vcard-1
      @parents
      author hidden
      @title
      atomless
      @uf
      hCard
      @uri
      http://microformats.tumblr.com/
      fn
      atomless
      n.given-name
      atomless
      nickname
      atomless
      uid
      atomless
      url
      http://blog.jamestindall.info/
    tag
    1. @index
      tag-1
      @title
      chat
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      chat
      tag-text
      chat
      uri
      http://microformats.tumblr.com/tagged/chat
    2. @index
      tag-1
      @title
      microformats
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      microformats
      tag-text
      microformats
      uri
      http://microformats.tumblr.com/tagged/microformats

    hAtom: http://microformats.org/

    @index
    hentry-4
    @parents
    hfeed link wrap
    @title
    http://microformats.org/
    @uf
    hAtom
    @uri
    http://microformats.tumblr.com/
    entry-content

    Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards.

    entry-title
    http://microformats.org/
    author
    1. @index
      vcard-1
      @parents
      author hidden
      @title
      atomless
      @uf
      hCard
      @uri
      http://microformats.tumblr.com/
      fn
      atomless
      n.given-name
      atomless
      nickname
      atomless
      uid
      atomless
      url
      http://blog.jamestindall.info/
    tag
    1. @index
      tag-1
      @title
      link
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      link
      tag-text
      link
      uri
      http://microformats.tumblr.com/tagged/link
    2. @index
      tag-1
      @title
      microformats
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      microformats
      tag-text
      microformats
      uri
      http://microformats.tumblr.com/tagged/microformats

    hAtom:

    @index
    hentry-5
    @parents
    hfeed photo wrap
    @uf
    hAtom
    @uri
    http://microformats.tumblr.com/
    bookmark
    http://microformats.tumblr.com/post/64457121/microformats-icons-by-chris-messina
    entry-content
    microformats icons by Chris Messina
    author
    1. @index
      vcard-1
      @parents
      author hidden
      @title
      atomless
      @uf
      hCard
      @uri
      http://microformats.tumblr.com/
      fn
      atomless
      n.given-name
      atomless
      nickname
      atomless
      uid
      atomless
      url
      http://blog.jamestindall.info/
    tag
    1. @index
      tag-1
      @title
      photo
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      photo
      tag-text
      photo
      uri
      http://microformats.tumblr.com/tagged/photo
    2. @index
      tag-1
      @title
      flickr
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      flickr
      tag-text
      flickr
      uri
      http://microformats.tumblr.com/tagged/flickr

    hAtom: "Man who stand on hill with mouth open will wait long time for roast duck to drop in."

    @index
    hentry-6
    @parents
    hfeed quote wrap
    @title
    "Man who stand on hill with mouth open will wait long time for roast duck to drop in."
    @uf
    hAtom
    @uri
    http://microformats.tumblr.com/
    bookmark
    http://microformats.tumblr.com/post/64455736/man-who-stand-on-hill-with-mouth-open-will-wait
    entry-content
    Confucius BC 551-479, Chinese Ethical Teacher, Philosopher
    entry-title
    "Man who stand on hill with mouth open will wait long time for roast duck to drop in."
    author
    1. @index
      vcard-1
      @parents
      author hidden
      @title
      atomless
      @uf
      hCard
      @uri
      http://microformats.tumblr.com/
      fn
      atomless
      n.given-name
      atomless
      nickname
      atomless
      uid
      atomless
      url
      http://blog.jamestindall.info/
    tag
    1. @index
      tag-1
      @title
      quote
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      quote
      tag-text
      quote
      uri
      http://microformats.tumblr.com/tagged/quote
    2. @index
      tag-1
      @title
      philosophy
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      philosophy
      tag-text
      philosophy
      uri
      http://microformats.tumblr.com/tagged/philosophy

    hAtom: Extracting meaningful content from hAtom formatted markup

    @index
    hentry-7
    @parents
    hfeed text wrap
    @title
    Extracting meaningful content from hAtom formatted markup
    @uf
    hAtom
    @uri
    http://microformats.tumblr.com/
    bookmark
    http://microformats.tumblr.com/post/64799295/extracting-meaningful-content-from-hatom-formatted
    entry-content

    Thanks to the hAtom format, the content of tumblogs using this theme can be extracted programatically directly from the XHTML. There are some limitations due to the way tumblr publishes audio and video content. I would have liked to have implemented the hAudio format for audio posts but this is not currently feasible.

    Here are some links to hAtom to Atom transformers that do a great job of extracting this hAtom formatted content:

    Also well worth trying out are these two addons for Mozilla Firefox that help you locate and extract microformats while you browse:

    entry-title
    Extracting meaningful content from hAtom formatted markup
    author
    1. @index
      vcard-1
      @parents
      author hidden
      @title
      atomless
      @uf
      hCard
      @uri
      http://microformats.tumblr.com/
      fn
      atomless
      n.given-name
      atomless
      nickname
      atomless
      uid
      atomless
      url
      http://blog.jamestindall.info/
    tag
    1. @index
      tag-1
      @title
      Atom
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      Atom
      tag-text
      Atom
      uri
      http://microformats.tumblr.com/tagged/Atom
    2. @index
      tag-1
      @title
      firefox_addons
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      firefox_addons
      tag-text
      firefox addons
      uri
      http://microformats.tumblr.com/tagged/firefox_addons
    3. @index
      tag-1
      @title
      hAtom
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      hAtom
      tag-text
      hAtom
      uri
      http://microformats.tumblr.com/tagged/hAtom
    4. @index
      tag-1
      @title
      microformats
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      microformats
      tag-text
      microformats
      uri
      http://microformats.tumblr.com/tagged/microformats
    5. @index
      tag-1
      @title
      parsers
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      parsers
      tag-text
      parsers
      uri
      http://microformats.tumblr.com/tagged/parsers
    6. @index
      tag-1
      @title
      hAudio
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      hAudio
      tag-text
      hAudio
      uri
      http://microformats.tumblr.com/tagged/hAudio

    hAtom:

    @index
    hentry-8
    @parents
    hfeed video wrap
    @uf
    hAtom
    @uri
    http://microformats.tumblr.com/
    bookmark
    http://microformats.tumblr.com/post/64470333/locate-your-local-curry-houses-and-export-the
    entry-content
    author
    1. @index
      vcard-1
      @parents
      author hidden
      @title
      atomless
      @uf
      hCard
      @uri
      http://microformats.tumblr.com/
      fn
      atomless
      n.given-name
      atomless
      nickname
      atomless
      uid
      atomless
      url
      http://blog.jamestindall.info/
    tag
    1. @index
      tag-1
      @title
      video
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      video
      tag-text
      video
      uri
      http://microformats.tumblr.com/tagged/video
    2. @index
      tag-1
      @title
      microformats
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      microformats
      tag-text
      microformats
      uri
      http://microformats.tumblr.com/tagged/microformats

    hAtom:

    @index
    hentry-9
    @parents
    audio hfeed wrap
    @uf
    hAtom
    @uri
    http://microformats.tumblr.com/
    bookmark
    http://microformats.tumblr.com/post/64465910/steve-ganz-senior-web-developer-at-linkedin
    entry-content
    [Flash 9 is required to listen to audio.]
    author
    1. @index
      vcard-1
      @parents
      author hidden
      @title
      atomless
      @uf
      hCard
      @uri
      http://microformats.tumblr.com/
      fn
      atomless
      n.given-name
      atomless
      nickname
      atomless
      uid
      atomless
      url
      http://blog.jamestindall.info/
    tag
    1. @index
      tag-1
      @title
      audio
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      audio
      tag-text
      audio
      uri
      http://microformats.tumblr.com/tagged/audio
    2. @index
      tag-1
      @title
      microformats
      @uf
      rel-tag
      @uri
      http://microformats.tumblr.com/
      name
      microformats
      tag-text
      microformats
      uri
      http://microformats.tumblr.com/tagged/microformats

    Valid XHTML 1.0!