hatom-examples

(Difference between revisions)

Jump to: navigation, search
m (Transformation 2)
(Added colors)
Line 55: Line 55:
</nowiki></pre>
</nowiki></pre>
-
Transformed to hAtom compliant (shown in UPPER CASE for visibility only):
+
Transformed to hAtom compliant:
-
<pre><nowiki>
+
&lt;body>
-
<body>
+
  &lt;div id="wrap">
-
<div id="wrap">
+
  &lt;div <span class="added">class="hfeed"</span> id="content">
-
  <div CLASS="HFEED" id="content">
+
    ...
-
  ...
+
    &lt;div class="<span class="added">hentry</span> entry" <span class="change">id</span>="post-60">
-
  <div class="HENTRY entry" ID="post-60">
+
    &lt;h3 class="<span class="added">entry-title</span>">
-
    <h3 class="ENTRY-TITLE">
+
      &lt;a href="<nowiki>http://</nowiki>www.microformats.org/blog/..." rel="bookmark" title="...">Wiki Attack&lt;/a>
-
    <a href="http://www.microformats.org/blog/..." rel="bookmark" title="...">Wiki Attack</a>
+
    &lt;/h3>
-
    </h3>
+
    <span class="added">&lt;div class="entry-content"></span>
-
    <DIV CLASS="ENTRY-CONTENT">
+
      &lt;p>We had a bit of trouble with ...&lt;/p>
-
    <p>We had a bit of trouble with ...</p>
+
      &lt;p>We&#8217;ve restored the wiki and ...&lt;/p>
-
    <p>We&#8217;ve restored the wiki and ...</p>
+
      &lt;p>If anyone is working to combat said spammers ...&lt;/p>
-
    <p>If anyone is working to combat said spammers ...</p>
+
    <span class="added">&lt;/div></span>
-
     </DIV>
+
 +
    &lt;h4 class="tags">Technorati Tags:&lt;/h4>
 +
    &lt;ul class="tags">
 +
      &lt;li>&lt;a href="<nowiki>http://</nowiki>technorati.com/tag/mediawiki" rel="tag">mediawiki&lt;/a>&lt;/li>
 +
      &lt;li>&lt;a href="<nowiki>http://</nowiki>technorati.com/tag/microformats" rel="tag">microformats&lt;/a>&lt;/li>
 +
      &lt;li>&lt;a href="<nowiki>http://</nowiki>technorati.com/tag/spam" rel="tag">spam&lt;/a>&lt;/li>
 +
    &lt;/ul>
 +
 +
    &lt;ul class="post-info">
 +
      &lt;li>
 +
      &lt;a href="<nowiki>http://</nowiki>www.microformats.org/blog/..." rel="bookmark"
 +
        title="..."><span class="added">&lt;abbr class="published" title="2005-10-10T14:07:00-07:00"></span>October 10th, 2005<span class="added">&lt;/abbr></span>&lt;/a>
 +
      &lt;/li>
 +
      &lt;li>
 +
      &lt;address class="vcard <span class="added">author</span>">&lt;a class="url fn" href="<nowiki>http://</nowiki>theryanking.com">Ryan King&lt;/a>&lt;/address>
 +
      &lt;/li>
 +
      &lt;li>
 +
      &lt;a href="<nowiki>http://</nowiki>www.microformats.org/blog/...">4 Comments&lt;/a>
 +
      &lt;/li>
 +
    &lt;/ul>
 +
     &lt;/div>
 +
   
 +
    &lt;div class="<span class="added">hentry</span> entry" <span class="change">id</span>="post-59">
 +
    ....
 +
    &lt;/div>
 +
    ...
 +
  &lt;/div>
 +
  &lt;/div>
 +
&lt;/body>
-
    <h4 class="tags">Technorati Tags:</h4>
 
-
    <ul class="tags">
 
-
    <li><a href="http://technorati.com/tag/mediawiki" rel="tag">mediawiki</a></li>
 
-
    <li><a href="http://technorati.com/tag/microformats" rel="tag">microformats</a></li>
 
-
    <li><a href="http://technorati.com/tag/spam" rel="tag">spam</a></li>
 
-
    </ul>
 
-
 
-
    <ul class="post-info">
 
-
    <li>
 
-
      <a href="http://www.microformats.org/blog/..." rel="bookmark"
 
-
        title="..."><ABBR CLASS="PUBLISHED" TITLE="2005-10-10T14:07:00-07:00">October 10th, 2005</ABBR></a>
 
-
    </li>
 
-
    <li>
 
-
      <address class="vcard AUTHOR"><a class="url fn" href="http://theryanking.com">Ryan King</a></address>
 
-
    </li>
 
-
    <li>
 
-
      <a href="http://www.microformats.org/blog/...">4 Comments</a>
 
-
    </li>
 
-
    </ul>
 
-
  </div>
 
-
 
 
-
  <div class="HENTRY entry" ID="post-59">
 
-
  ....
 
-
  </div>
 
-
  ...
 
-
  </div>
 
-
</div>
 
-
</body>
 
-
</nowiki></pre>
 
Changes:
Changes:
Line 153: Line 152:
</nowiki></pre>
</nowiki></pre>
-
Transformed to hAtom compliant (shown in UPPER CASE for visibility only):
+
Transformed to hAtom compliant:
-
<pre><nowiki>
 
-
<body bgcolor="...">
 
-
  <DIV CLASS="HFEED">
+
  &lt;body bgcolor="...">
-
   <div class="HENTRY posts" ID="112993192128302715">
+
-
  <strong CLASS="ENTRY-TITLE ENTRY-CONTENT">
+
   &lt;<span class="added">div class="hfeed"></span>
-
    Nelson's final prayer
+
  &lt;div class="<span class="added">hentry</span> posts" <span class="added">id="112993192128302715"</span>>
-
  </strong>  
+
    &lt;strong <span class="added">class="entry-title entry-content"</span>>
-
  <SPAN CLASS="ENTRY-CONTENT">
+
    Nelson's final prayer
-
    written on the night before Trafalgar:<blockquote>May the Great God, ... heart.
+
    &lt;/strong>  
-
  </SPAN>
+
    &lt;<span class="added">span class="entry-content"></span>
-
  <DIV>
+
    written on the night before Trafalgar:&lt;blockquote>May the Great God, ... heart.
-
     <span class="byline">posted by <SPAN CLASS="AUTHOR VCARD"><SPAN CLASS="FN">Natalie</SPAN></SPAN> at  
+
    <span class="added">&lt;/span></span>
-
    <a REL="BOOKMARK" href="2005_10_16_nataliesolent_archive.html#112993192128302715">
+
     &lt;div>
-
    <ABBR CLASS="PUBLISHED" TITLE="2005-10-24T09:49:00-00:00">9:49 PM</ABBR></a>
+
    &lt;span class="byline">posted by <span class="added">&lt;span class="author vcard">&lt;span class="fn"></span>Natalie<span class="added">&lt;/span>&lt;/span></span> at  
-
     </span>
+
      &lt;a <span class="added">rel="bookmark"</span> href="2005_10_16_nataliesolent_archive.html#112993192128302715">
-
  </DIV>
+
      <span class="added">&lt;abbr class="published" title="2005-10-24t09:49:00-00:00"></span>9:49 PM<span class="added">&lt;/abbr></span>&lt;/a>
-
  </div>
+
    &lt;/span>
 +
     &lt;/div>
 +
  &lt;/div>
 +
 +
  &lt;div class="<span class="added">hentry</span> posts" <span class="added">id="112993022840118939"</span>>
 +
    &lt;strong <span class="added">class="heading content</span>>"I really, truly &lt;/strong>
 +
    <span class="added">&lt;span class="entry-content"></span>
 +
    didn't go ... view.
 +
    &lt;/span>
 +
    &lt;div>
 +
    &lt;span class="byline">
 +
      posted by <span class="added">&lt;span class="author vcard">&lt;span class="fn"></span>Natalie<span class="added">&lt;/span>&lt;/span></span> at
 +
      &lt;a <span class="added">rel="bookmark"</span> href="2005_10_16_nataliesolent_archive.html#112993022840118939">
 +
      <span class="added">&lt;abbr class="published" title="2005-10-24t09:49:00-00:00"></span>9:28 pm<span class="added">&lt;/abbr></span>&lt;/a>
 +
    &lt;/span>
 +
    &lt;/div>
 +
  &lt;/div>
 +
  ...
 +
  &lt;/div>
 +
 +
&lt;/body>
-
  <div class="HENTRY posts" ID="112993022840118939">
 
-
  <strong CLASS="ENTRY-TITLE ENTRY-CONTENT">I really, truly </strong>
 
-
  <SPAN CLASS="ENTRY-CONTENT">
 
-
    didn't go ... view.
 
-
  </SPAN>
 
-
  <DIV>
 
-
    <span class="byline">
 
-
    posted by <SPAN CLASS="AUTHOR VCARD"><SPAN CLASS="FN">Natalie</SPAN></SPAN> at
 
-
    <a REL="BOOKMARK" href="2005_10_16_nataliesolent_archive.html#112993022840118939">
 
-
    <ABBR CLASS="PUBLISHED" TITLE="2005-10-24T09:49:00-00:00">9:28 PM</ABBR></a>
 
-
    </span>
 
-
  </DIV>
 
-
  </div>
 
-
...
 
-
</DIV>
 
-
 
-
</body>
 
-
</nowiki></pre>
 
Changes:
Changes:
Line 228: Line 227:
   <p>
   <p>
     <ul>
     <ul>
-
     <li><font SIZE="1">INDEPTH: </font><font SIZE="2">  
+
     <li><font size="1">INDEPTH: </font><font size="2">  
     <a href="http://www.cbc.ca/news/background/avianflu/">Avian Flu</a></font>
     <a href="http://www.cbc.ca/news/background/avianflu/">Avian Flu</a></font>
     </ul>
     </ul>
Line 262: Line 261:
</nowiki></pre>
</nowiki></pre>
-
Transformed to hAtom compliant (shown in UPPER CASE for visibility only):
+
Transformed to hAtom compliant:
-
<pre><nowiki>
+
&lt;div class="news">
-
<div class="news">
+
  &lt;div class="<span class="added">hfeed hentry</span> story">
-
<div class="HFEED HENTRY story">
+
  &lt;h1 <span class="added">class="entry-title"></span>China confirms new bird flu outbreaks&lt;/h1>
-
  <h1 class="ENTRY-TITLE">China confirms new bird flu outbreaks</h1>
+
  &lt;span class="byline">Last Updated
-
  <span class="byline">Last Updated
+
  <span class="added">&lt;abbr class="published" title="2005-11-23T04:26:18Z"></span>Tue, 22 Nov 2005 23:26:18 EST<span class="added">&lt;/abbr></span>
-
  <ABBR CLASS="POSTED" TITLE="2005-11-23T04:26:18Z">Tue, 22 Nov 2005 23:26:18 EST</ABBR>
+
  &lt;/span>
-
  </span>
+
  <span class="added">&lt;address class="vcard author"></span>&lt;div class="text">&lt;a <span class="added">class="url"</span> href="/news/credit.html">CBC News&lt;/a>&lt;/div><span class="added">&lt;/address></span>
-
  <ADDRESS CLASS="VCARD"><div class="text"><a CLASS="URL" href="/news/credit.html">CBC News</a></div></ADDRESS>
+
-
 
+
  &lt;div class="text">
-
  <div class="text">
+
    &lt;p <span class="added">class="entry-content"</span>&gt;
-
  <p CLASS="ENTRY-CONTENT">
+
    China has confirmed three new outbreaks of bird flu, ...
-
  China has confirmed three new outbreaks of bird flu, ...
+
    &lt;/p>
-
  </p>
+
    &lt;p>
-
  <p>
+
    &lt;ul>
-
    <ul>
+
      &lt;li>&lt;font size="1">INDEPTH: &lt;/font>&lt;font size="2">  
-
    <li><font SIZE="1">INDEPTH: </font><font SIZE="2">  
+
      &lt;a href="<nowiki>http://</nowiki>www.cbc.ca/news/background/avianflu/">Avian Flu&lt;/a>&lt;/font>
-
    <a href="http://www.cbc.ca/news/background/avianflu/">Avian Flu</a></font>
+
    &lt;/ul>
-
    </ul>
+
    &lt;/p>
-
  </p>
+
    &lt;table align="right" cellpadding="0" cellspacing="4" hspace="4" width="220">
-
  <table align="right" cellpadding="0" cellspacing="4" hspace="4" width="220">
+
    &lt;tr>
-
    <tr>
+
    &lt;td align="center">
-
    <td align="center">
+
    &lt;img src="<nowiki>http://</nowiki>www.cbc.ca/gfx/pix/birdflu_china_cp_7707271.jpg" width="220" height="223" hspace="3" border="0">
-
    <img src="http://www.cbc.ca/gfx/pix/birdflu_china_cp_7707271.jpg" width="220" height="223" hspace="3" border="0">
+
    &lt;/td>
-
    </td>
+
    &lt;/tr>
-
    </tr>
+
    &lt;tr>
-
    <tr>
+
    &lt;td align="center">
-
    <td align="center">
+
    &lt;div class="caption">
-
    <div class="caption">
+
    &lt;font size="1" face="verdana,arial">&lt;i>&lt;/i>&lt;/font>
-
    <font size="1" face="verdana,arial"><i></i></font>
+
    &lt;/div>
-
    </div>
+
    &lt;/td>
-
    </td>
+
    &lt;/tr>
-
    </tr>
+
    &lt;/table>
-
  </table>
+
    &lt;p <span class="added">class="entry-content"</span>>State media says the new outbreaks are in...&lt;/p>
-
  <p CLASS="ENTRY-CONTENT">State media says the new outbreaks are in...</p>
+
    &lt;p <span class="added">class="entry-content"</span>>The news comes a day after China announced the ...&lt;/p>
-
  <p CLASS="ENTRY-CONTENT">The news comes a day after China announced the ...</p>
+
    &lt;p <span class="added">class="entry-content"</span>>In China's eastern Anhui province, authorities have ...&lt;/p>
-
  <p CLASS="ENTRY-CONTENT">In China's eastern Anhui province, authorities have ...</p>
+
    &lt;p <span class="added">class="entry-content"</span>>The province says the measure will prevent domestic ...&lt;/p>
-
  <p CLASS="ENTRY-CONTENT">The province says the measure will prevent domestic ...</p>
+
    &lt;p <span class="added">class="entry-content"</span>>Vietnamese health officials have confirmed that a  ...&lt;/p>
-
  <p CLASS="ENTRY-CONTENT">Vietnamese health officials have confirmed that a  ...</p>
+
    &lt;p <span class="added">class="entry-content"</span>>Doctors from the health department in the northern  ...&lt;/p>
-
  <p CLASS="ENTRY-CONTENT">Doctors from the health department in the northern  ...</p>
+
    &lt;p <span class="added">class="entry-content"</span>>Bird flu has killed 42 people in Vietnam since December  ...&lt;/p>
-
  <p CLASS="ENTRY-CONTENT">Bird flu has killed 42 people in Vietnam since December  ...</p>
+
    &lt;p <span class="added">class="entry-content"</span>>The World Health Organization fears the H5N1 strain of  ...&lt;/p>
-
  <p CLASS="ENTRY-CONTENT">The World Health Organization fears the H5N1 strain of  ...</p>
+
  &lt;/div>
-
  </div>
+
-
 
+
  &lt;p>&lt;font face="Verdana,Arial" size="1">with files from the Australian Broadcasting Corporation&lt;/font>&lt;/p>
-
  <p><font face="Verdana,Arial" size="1">with files from the Australian Broadcasting Corporation</font></p>
+
  &lt;/div>
-
</div>
+
  ...
-
...
+
&lt;/div>
-
</div>
+
-
</nowiki></pre>
+
Changes:
Changes:
* Added <code>&lt;div class="hfeed hentry"></code> around the single entry on the page
* Added <code>&lt;div class="hfeed hentry"></code> around the single entry on the page
* Added <code>&lt;div class="entry-title"></code> to the Entry Title
* Added <code>&lt;div class="entry-title"></code> to the Entry Title
-
* Added <code>&lt;span class="entry-content"></code>...<code>&lt;/div></code> around every single paragraph -- this looks pathological but it may be the way this would need be produced from a template. The latter part of the document could be enclosed in a single "content" div but note that we did this so the "INDEPTH" part would not be marked as content,
+
* Added <code>&lt;span class="entry-content"></code>...<code>&lt;/div></code> around every single paragraph -- this looks pathological but it may be the way this would need be produced from a template. The latter part of the document could be enclosed in a single "entry-content" div but note that we did this so the "INDEPTH" part would not be marked as content,
* Added <code>&lt;abbr class="published" title="YYYYMMDDThh:mm:ss+ZZZZ"></code>...<code>&lt;/abbr></code> around the Entry Datetime
* Added <code>&lt;abbr class="published" title="YYYYMMDDThh:mm:ss+ZZZZ"></code>...<code>&lt;/abbr></code> around the Entry Datetime
-
* Added <code>&lt;address></code> to the CBC Newsroom
+
* Added <code>&lt;address class="author vcard"></code> and <code>&lt;span class="fn org"></code> to the CBC Newsroom
Also note:
Also note:
-
* We may the document more XHTML compliant
+
* We made the document more XHTML compliant
* There is no <code>rel="bookmark"</code> so it is assumed to be the URI of the page
* There is no <code>rel="bookmark"</code> so it is assumed to be the URI of the page
Line 423: Line 420:
</nowiki></pre>
</nowiki></pre>
-
Transformed to hAtom compliant (changes shown in UPPER CASE for visibility only):
+
Transformed to hAtom compliant:
-
<pre><nowiki>
+
&lt;body>
-
<body>
+
  &lt;div id="punwrap">
-
  <div id="punwrap">
+
  &lt;div id="punviewtopic" class="pun">
-
  <div id="punviewtopic" class="pun">
+
-
 
+
    &lt;div id="brdheader" class="block">
-
  <div id="brdheader" class="block">
+
    ... header stuff ...
-
    ... header stuff ...
+
    &lt;/div>
 +
 +
    &lt;div id="announce" class="block">
 +
    ... announcement stuff ...
 +
    &lt;/div>
 +
 +
    &lt;div class="linkst">
 +
    ... controls for the blog
 +
    &lt;/div>
 +
 +
    <span class="added">&lt;div class="hfeed"></span>
 +
    &lt;div id="p54390" class="<span class="added">hentry</span> blockpost rowodd firstpost">
 +
    &lt;h2>
 +
      &lt;span>&lt;span class="conr">#1&nbsp;&lt;/span>
 +
      &lt;a <span class="added">rel="bookmark"</span> href="viewtopic.php?pid=54390#p54390">
 +
      <span class="added">&lt;abbr class="published" title="2005-10-16T10:36:24-0500"></span>2005-10-16 10:36:24<span class="added">&lt;/abbr></span>
 +
      &lt;/a>&lt;/span>
 +
    &lt;/h2>
 +
    &lt;div class="box">
 +
      &lt;div class="inbox">
 +
      &lt;div class="postleft">
 +
        &lt;dl>
 +
        &lt;dt>&lt;strong><span class="added">&lt;address class="author vcard"></span>&lt;a <span class="added">class="url fn"</span>href="profile.php?id=2">Rickard&lt;/a><span class="added">&lt;/address></span>&lt;/strong>&lt;/dt>
 +
   
 +
        &lt;dd class="usertitle">&lt;strong>PunBB Developer&lt;/strong>&lt;/dd>
 +
        &lt;dd class="postavatar">&lt;img src="img/avatars/2.png" width="60" height="60" alt="" />&lt;/dd>
 +
        &lt;dd>From: 127.0.0.1&lt;/dd>
 +
        &lt;dd>Registered: 2001-11-02&lt;/dd>
 +
        &lt;dd>Posts: 7806&lt;/dd>
 +
        &lt;dd class="usercontacts">&lt;a href="<nowiki>http://</nowiki>www.punbb.org/">Website&lt;/a>&lt;/dd>
 +
 +
        &lt;/dl>
 +
      &lt;/div>
 +
      &lt;div class="postright">
 +
        &lt;h3 class="entry-title">PunBB 1.2.9&lt;/h3>
 +
        &lt;div class="<span class="added">entry-content</span> postmsg">
 +
        &lt;p>Just a quick note this time....&lt;/p>
 +
 +
        &lt;/div>
 +
        &lt;div class="postsignature">&lt;hr />&quot;Programming is like sex: ...&lt;/div>
 +
      &lt;/div>
 +
      &lt;div class="clearer">&lt;/div>
 +
      &lt;div class="postfootleft">&lt;p>Offline&lt;/p>&lt;/div>
 +
      &lt;div class="postfootright">&lt;div>&nbsp;&lt;/div>&lt;/div>
 +
      &lt;/div>
 +
    &lt;/div>
 +
 +
    &lt;/div>
 +
 +
    &lt;div id="p54392" class="<span class="added">hentry</span> blockpost roweven">
 +
    &lt;h2>
 +
      &lt;span>&lt;span class="conr">#2&nbsp;&lt;/span>
 +
      &lt;a <span class="added">rel="bookmark"</span> href="viewtopic.php?pid=54392#p54392">
 +
      <span class="added">&lt;abbr class="published" title="2005-10-16T10:54:41-0500"></span>2005-10-16 10:54:41<span class="added">&lt;/abbr></span>
 +
      &lt;/a>&lt;/span>
 +
    &lt;/h2>
 +
    &lt;div class="box">
 +
      &lt;div class="inbox">
 +
      &lt;div class="postleft">
 +
        &lt;dl>
 +
        &lt;dt>&lt;strong><span class="added">&lt;address class="author vcard"></span>&lt;a <span class="added">class="url fn"</span> href="profile.php?id=5298">IdleFire&lt;/a><span class="added">&lt;/address></span>&lt;/strong>&lt;/dt>
 +
 +
        &lt;dd class="usertitle">&lt;strong>Member&lt;/strong>&lt;/dd>
 +
        &lt;dd class="postavatar">&lt;/dd>
 +
        &lt;dd>Registered: 2005-10-14&lt;/dd>
 +
        &lt;dd>Posts: 27&lt;/dd>
 +
        &lt;/dl>
 +
      &lt;/div>
 +
      &lt;div class="postright">
 +
 +
        &lt;h3 class="entry-title"> Re: PunBB 1.2.9&lt;/h3>
 +
        &lt;div class="<span class="added">entry-content</span> postmsg">
 +
        &lt;p>...&lt;/p>
 +
        &lt;/div>
 +
      &lt;/div>
 +
      &lt;div class="clearer">&lt;/div>
 +
      &lt;div class="postfootleft">&lt;p>Offline&lt;/p>&lt;/div>
 +
 +
      &lt;div class="postfootright">&lt;div>&nbsp;&lt;/div>&lt;/div>
 +
      &lt;/div>
 +
    &lt;/div>
 +
    &lt;/div>
 +
   
 +
    ... more entries ...
 +
    <span class="added">&lt;/div></span>
 +
 +
    &lt;div id="brdfooter" class="block">
 +
    ... footer stuff ...
 +
    &lt;/div>
 +
   </div>
   </div>
 +
  </div>
 +
</body>
-
  <div id="announce" class="block">
 
-
    ... announcement stuff ...
 
-
  </div>
 
-
 
-
  <div class="linkst">
 
-
    ... controls for the blog
 
-
  </div>
 
-
 
-
  <DIV CLASS="HFEED">
 
-
  <div id="p54390" class="HENTRY blockpost rowodd firstpost">
 
-
    <h2>
 
-
    <span><span class="conr">#1&nbsp;</span>
 
-
    <a REL="BOOKMARK" href="viewtopic.php?pid=54390#p54390">
 
-
      <ABBR CLASS="POSTED" TITLE="20051016T103624-0500">2005-10-16 10:36:24</ABBR>
 
-
    </a></span>
 
-
    </h2>
 
-
    <div class="box">
 
-
    <div class="inbox">
 
-
      <div class="postleft">
 
-
      <dl>
 
-
        <dt><strong><ADDRESS><a href="profile.php?id=2">Rickard</a></ADDRESS></strong></dt>
 
-
 
-
        <dd class="usertitle"><strong>PunBB Developer</strong></dd>
 
-
        <dd class="postavatar"><img src="img/avatars/2.png" width="60" height="60" alt="" /></dd>
 
-
        <dd>From: 127.0.0.1</dd>
 
-
        <dd>Registered: 2001-11-02</dd>
 
-
        <dd>Posts: 7806</dd>
 
-
        <dd class="usercontacts"><a href="http://www.punbb.org/">Website</a></dd>
 
-
 
-
      </dl>
 
-
      </div>
 
-
      <div class="postright">
 
-
      <h3 class="entry-title">PunBB 1.2.9</h3>
 
-
      <div class="CONTENT postmsg">
 
-
        <p>Just a quick note this time....</p>
 
-
 
-
      </div>
 
-
      <div class="postsignature"><hr />&quot;Programming is like sex: ...</div>
 
-
      </div>
 
-
      <div class="clearer"></div>
 
-
      <div class="postfootleft"><p>Offline</p></div>
 
-
      <div class="postfootright"><div>&nbsp;</div></div>
 
-
    </div>
 
-
    </div>
 
-
 
-
  </div>
 
-
 
-
  <div id="p54392" class="HENTRY blockpost roweven">
 
-
    <h2>
 
-
    <span><span class="conr">#2&nbsp;</span>
 
-
    <a REL="BOOKMARK" href="viewtopic.php?pid=54392#p54392">
 
-
      <ABBR CLASS="POSTED" TITLE="20051016T1105441-0500">2005-10-16 10:54:41</ABBR>
 
-
    </a></span>
 
-
    </h2>
 
-
    <div class="box">
 
-
    <div class="inbox">
 
-
      <div class="postleft">
 
-
      <dl>
 
-
        <dt><strong><ADDRESS CLASS="AUTHOR VCARD"><a CLASS="URL FN" href="profile.php?id=5298">IdleFire</a></ADDRESS></strong></dt>
 
-
 
-
        <dd class="usertitle"><strong>Member</strong></dd>
 
-
        <dd class="postavatar"></dd>
 
-
        <dd>Registered: 2005-10-14</dd>
 
-
        <dd>Posts: 27</dd>
 
-
      </dl>
 
-
      </div>
 
-
      <div class="postright">
 
-
 
-
      <h3 class="entry-title"> Re: PunBB 1.2.9</h3>
 
-
      <div class="CONTENT postmsg">
 
-
        <p>...</p>
 
-
      </div>
 
-
      </div>
 
-
      <div class="clearer"></div>
 
-
      <div class="postfootleft"><p>Offline</p></div>
 
-
 
-
      <div class="postfootright"><div>&nbsp;</div></div>
 
-
    </div>
 
-
    </div>
 
-
  </div>
 
-
 
 
-
  ... more entries ...
 
-
  </DIV>
 
-
 
-
  <div id="brdfooter" class="block">
 
-
    ... footer stuff ...
 
-
  </div>
 
-
 
-
  </div>
 
-
</div>
 
-
</body>
 
-
</nowiki></pre>
 
Line 534: Line 530:
* Added <code>&lt;span class="entry-title"></code>...<code>&lt;/div></code> around the Entry Title
* Added <code>&lt;span class="entry-title"></code>...<code>&lt;/div></code> around the Entry Title
* Added <code>&lt;span class="entry-content"></code>...<code>&lt;/div></code> around the Entry Content
* Added <code>&lt;span class="entry-content"></code>...<code>&lt;/div></code> around the Entry Content
-
* Added <code>&lt;abbr class="posted" title="YYYYMMDDThh:mm:ss+ZZZZ"></code>...<code>&lt;/abbr></code> around the Entry Datetime
+
* Added <code>&lt;abbr class="published" title="YYYY-MM-DDThh:mm:ss+ZZZZ"></code>...<code>&lt;/abbr></code> around the Entry Datetime
-
* Added <code>&lt;address class="author vcard"></code> to the poster's name
+
* Added <code>&lt;address class="author vcard"></code> and <code>class="fn url"</span>to the poster's name
Also note:
Also note:

Revision as of 22:59, 15 March 2006

Contents

hAtom examples

Work in progress!

Contributors

Transformation 1

A well behaved weblog.

Original:

<body>
 <div id="wrap">
  <div id="content">
   ...
   <div class="entry">
    <h3 id="post-60">
     <a href="http://www.microformats.org/blog/..." rel="bookmark" title="...">Wiki Attack</a>
    </h3>
    <p>We had a bit of trouble with ...</p>
    <p>We’ve restored the wiki and ...</p>
    <p>If anyone is working to combat said spammers ...</p>

    <h4 class="tags">Technorati Tags:</h4>
    <ul class="tags">
     <li><a href="http://technorati.com/tag/mediawiki" rel="tag">mediawiki</a></li>
     <li><a href="http://technorati.com/tag/microformats" rel="tag">microformats</a></li>
     <li><a href="http://technorati.com/tag/spam" rel="tag">spam</a></li>
    </ul>

    <ul class="post-info">
     <li>
      <a href="http://www.microformats.org/blog/..." rel="bookmark" title="...">October 10th, 2005</a>
     </li>
     <li>
      <address class="vcard"><a class="url fn" href="http://theryanking.com">Ryan King</a></address>
     </li>
     <li>
      <a href="http://www.microformats.org/blog/...">4 Comments</a>
     </li>
    </ul>
   </div>
   
   <div class="entry">
   ....
   </div>
   ...
  </div>
 </div>
</body>

Transformed to hAtom compliant:

<body>
 <div id="wrap">
  <div class="hfeed" id="content">
   ...
   <div class="hentry entry" id="post-60">
    <h3 class="entry-title">
     <a href="http://www.microformats.org/blog/..." rel="bookmark" title="...">Wiki Attack</a>
    </h3>
    <div class="entry-content">
     <p>We had a bit of trouble with ...</p>
     <p>We’ve restored the wiki and ...</p>
     <p>If anyone is working to combat said spammers ...</p>
    </div>

    <h4 class="tags">Technorati Tags:</h4>
    <ul class="tags">
     <li><a href="http://technorati.com/tag/mediawiki" rel="tag">mediawiki</a></li>
     <li><a href="http://technorati.com/tag/microformats" rel="tag">microformats</a></li>
     <li><a href="http://technorati.com/tag/spam" rel="tag">spam</a></li>
    </ul>

    <ul class="post-info">
     <li>
      <a href="http://www.microformats.org/blog/..." rel="bookmark" 
        title="..."><abbr class="published" title="2005-10-10T14:07:00-07:00">October 10th, 2005</abbr></a>
     </li>
     <li>
      <address class="vcard author"><a class="url fn" href="http://theryanking.com">Ryan King</a></address>
     </li>
     <li>
      <a href="http://www.microformats.org/blog/...">4 Comments</a>
     </li>
    </ul>
   </div>
   
   <div class="hentry entry" id="post-59">
   ....
   </div>
   ...
  </div>
 </div>
</body>


Changes:

Also note:

Transformation 2

A not-so well behaved weblog (an older blogspot weblog)

Original:

<body bgcolor="...">

 <div class="posts">
  <a name="112993192128302715"> </a><br>
  <div style="clear:both;"></div><strong>Nelson's final prayer</strong> 
  written on the night before Trafalgar:<blockquote>May the Great God, ... heart.
  <div style="clear:both; padding-bottom: 0.25em;"></div>
  <br>
  <span class="byline">
   posted by Natalie at 
   <a href="2005_10_16_nataliesolent_archive.html#112993192128302715">9:49 PM</a>
  </span>
 </div>

 <div class="posts">
  <a name="112993022840118939"> </a>
  <br>
  <div style="clear:both;"></div><strong>I really, truly </strong>didn't go ... view.
  <div style="clear:both; padding-bottom: 0.25em;"></div>
  <br>
  <span class="byline">
   posted by Natalie at 
   <a href="2005_10_16_nataliesolent_archive.html#112993022840118939">9:28 PM</a>
  </span>
 </div>
 ...

</body>

Transformed to hAtom compliant:


<body bgcolor="...">

 <div class="hfeed">
  <div class="hentry posts" id="112993192128302715">
   <strong class="entry-title entry-content">
    Nelson's final prayer
   </strong> 
   <span class="entry-content">
    written on the night before Trafalgar:<blockquote>May the Great God, ... heart.
   </span>
   <div>
    <span class="byline">posted by <span class="author vcard"><span class="fn">Natalie</span></span> at 
     <a rel="bookmark" href="2005_10_16_nataliesolent_archive.html#112993192128302715">
     <abbr class="published" title="2005-10-24t09:49:00-00:00">9:49 PM</abbr></a>
    </span>
   </div>
  </div>

  <div class="hentry posts" id="112993022840118939">
   <strong class="heading content>"I really, truly </strong>
   <span class="entry-content">
    didn't go ... view.
   </span>
   <div>
    <span class="byline">
     posted by <span class="author vcard"><span class="fn">Natalie</span></span> at 
     <a rel="bookmark" href="2005_10_16_nataliesolent_archive.html#112993022840118939">
     <abbr class="published" title="2005-10-24t09:49:00-00:00">9:28 pm</abbr></a>
    </span>
   </div>
  </div>
 ...
 </div>

</body>


Changes:

Also note:

Transformation 3

A media page (from CBC Newsworld).

Original:

<div class="news">
 <div class="story">
  <h1>China confirms new bird flu outbreaks</h1>
  <span class="byline">Last Updated Tue, 22 Nov 2005 23:26:18 EST</span>
  <div class="text"><a href="/news/credit.html">CBC News</a></div>

  <div class="text">
   <p>
   China has confirmed three new outbreaks of bird flu, ...
   <p>
    <ul>
     <li><font size="1">INDEPTH: </font><font size="2"> 
     <a href="http://www.cbc.ca/news/background/avianflu/">Avian Flu</a></font>
    </ul>
   </p>
   <table align="right" cellpadding="0" cellspacing="4" hspace="4" width="220">
    <tr>
    <td align="center">
    <img src="http://www.cbc.ca/gfx/pix/birdflu_china_cp_7707271.jpg" width="220" height="223" hspace="3" border="0">
    </td>
    </tr>
    <tr>
    <td align="center">
    <div class="caption">
    <font size="1" face="verdana,arial"><i></i></font>
    </div>
    </td>
    </tr>
   </table>
   <p>State media says the new outbreaks are in...</p>
   <p>The news comes a day after China announced the ...</p>
   <p>In China's eastern Anhui province, authorities have ...</p>
   <p>The province says the measure will prevent domestic ...</p>
   <p>Vietnamese health officials have confirmed that a  ...</p>
   <p>Doctors from the health department in the northern  ...</p>
   <p>Bird flu has killed 42 people in Vietnam since December  ...</p>
   <p>The World Health Organization fears the H5N1 strain of  ...</p>
  </div>

  <p><font face="Verdana,Arial" size="1">with files from the Australian Broadcasting Corporation</font></p>
 </div>
 ...
</div>

Transformed to hAtom compliant:

<div class="news">
 <div class="hfeed hentry story">
  <h1 class="entry-title">China confirms new bird flu outbreaks</h1>
  <span class="byline">Last Updated
  <abbr class="published" title="2005-11-23T04:26:18Z">Tue, 22 Nov 2005 23:26:18 EST</abbr>
  </span>
  <address class="vcard author"><div class="text"><a class="url" href="/news/credit.html">CBC News</a></div></address>

  <div class="text">
   <p class="entry-content">
   China has confirmed three new outbreaks of bird flu, ...
   </p>
   <p>
    <ul>
     <li><font size="1">INDEPTH: </font><font size="2"> 
     <a href="http://www.cbc.ca/news/background/avianflu/">Avian Flu</a></font>
    </ul>
   </p>
   <table align="right" cellpadding="0" cellspacing="4" hspace="4" width="220">
    <tr>
    <td align="center">
    <img src="http://www.cbc.ca/gfx/pix/birdflu_china_cp_7707271.jpg" width="220" height="223" hspace="3" border="0">
    </td>
    </tr>
    <tr>
    <td align="center">
    <div class="caption">
    <font size="1" face="verdana,arial"><i></i></font>
    </div>
    </td>
    </tr>
   </table>
   <p class="entry-content">State media says the new outbreaks are in...</p>
   <p class="entry-content">The news comes a day after China announced the ...</p>
   <p class="entry-content">In China's eastern Anhui province, authorities have ...</p>
   <p class="entry-content">The province says the measure will prevent domestic ...</p>
   <p class="entry-content">Vietnamese health officials have confirmed that a  ...</p>
   <p class="entry-content">Doctors from the health department in the northern  ...</p>
   <p class="entry-content">Bird flu has killed 42 people in Vietnam since December  ...</p>
   <p class="entry-content">The World Health Organization fears the H5N1 strain of  ...</p>
  </div>

  <p><font face="Verdana,Arial" size="1">with files from the Australian Broadcasting Corporation</font></p>
 </div>
 ...
</div>

Changes:

Also note:

Transformation 4

A bulletin board (PunBB)

Original:

<body>
 <div id="punwrap">
  <div id="punviewtopic" class="pun">

   <div id="brdheader" class="block">
    ... header stuff ...
   </div>

   <div id="announce" class="block">
    ... announcement stuff ...
   </div>

   <div class="linkst">
    ... controls for the blog
   </div>

   <div id="p54390" class="blockpost rowodd firstpost">
    <h2>
     <span><span class="conr">#1 </span>
     <a href="viewtopic.php?pid=54390#p54390">2005-10-16 10:36:24</a></span>
    </h2>
    <div class="box">
     <div class="inbox">
      <div class="postleft">
       <dl>
        <dt><strong><a href="profile.php?id=2">Rickard</a></strong></dt>

        <dd class="usertitle"><strong>PunBB Developer</strong></dd>
        <dd class="postavatar"><img src="img/avatars/2.png" width="60" height="60" alt="" /></dd>
        <dd>From: 127.0.0.1</dd>
        <dd>Registered: 2001-11-02</dd>
        <dd>Posts: 7806</dd>
        <dd class="usercontacts"><a href="http://www.punbb.org/">Website</a></dd>

       </dl>
      </div>
      <div class="postright">
       <h3>PunBB 1.2.9</h3>
       <div class="postmsg">
        <p>Just a quick note this time....</p>

       </div>
       <div class="postsignature"><hr />"Programming is like sex: ...</div>
      </div>
      <div class="clearer"></div>
      <div class="postfootleft"><p>Offline</p></div>
      <div class="postfootright"><div> </div></div>
     </div>
    </div>

   </div>

   <div id="p54392" class="blockpost roweven">
    <h2><span><span class="conr">#2 </span><a href="viewtopic.php?pid=54392#p54392">2005-10-16 10:54:41</a></span></h2>
    <div class="box">
     <div class="inbox">
      <div class="postleft">
       <dl>
        <dt><strong><a href="profile.php?id=5298">IdleFire</a></strong></dt>

        <dd class="usertitle"><strong>Member</strong></dd>
        <dd class="postavatar"></dd>
        <dd>Registered: 2005-10-14</dd>
        <dd>Posts: 27</dd>
       </dl>
      </div>
      <div class="postright">

       <h3> Re: PunBB 1.2.9</h3>
       <div class="postmsg">
        <p>...</p>
       </div>
      </div>
      <div class="clearer"></div>
      <div class="postfootleft"><p>Offline</p></div>

      <div class="postfootright"><div> </div></div>
     </div>
    </div>
   </div>
   
   ... more entries ...

   <div id="brdfooter" class="block">
    ... footer stuff ...
   </div>

  </div>
 </div>
</body>

Transformed to hAtom compliant:

<body>
 <div id="punwrap">
  <div id="punviewtopic" class="pun">

   <div id="brdheader" class="block">
    ... header stuff ...
   </div>

   <div id="announce" class="block">
    ... announcement stuff ...
   </div>

   <div class="linkst">
    ... controls for the blog
   </div>

   <div class="hfeed">
   <div id="p54390" class="hentry blockpost rowodd firstpost">
    <h2>
     <span><span class="conr">#1 </span>
     <a rel="bookmark" href="viewtopic.php?pid=54390#p54390">
      <abbr class="published" title="2005-10-16T10:36:24-0500">2005-10-16 10:36:24</abbr>
     </a></span>
    </h2>
    <div class="box">
     <div class="inbox">
      <div class="postleft">
       <dl>
        <dt><strong><address class="author vcard"><a class="url fn"href="profile.php?id=2">Rickard</a></address></strong></dt>

        <dd class="usertitle"><strong>PunBB Developer</strong></dd>
        <dd class="postavatar"><img src="img/avatars/2.png" width="60" height="60" alt="" /></dd>
        <dd>From: 127.0.0.1</dd>
        <dd>Registered: 2001-11-02</dd>
        <dd>Posts: 7806</dd>
        <dd class="usercontacts"><a href="http://www.punbb.org/">Website</a></dd>

       </dl>
      </div>
      <div class="postright">
       <h3 class="entry-title">PunBB 1.2.9</h3>
       <div class="entry-content postmsg">
        <p>Just a quick note this time....</p>

       </div>
       <div class="postsignature"><hr />"Programming is like sex: ...</div>
      </div>
      <div class="clearer"></div>
      <div class="postfootleft"><p>Offline</p></div>
      <div class="postfootright"><div> </div></div>
     </div>
    </div>

   </div>

   <div id="p54392" class="hentry blockpost roweven">
    <h2>
     <span><span class="conr">#2 </span>
     <a rel="bookmark" href="viewtopic.php?pid=54392#p54392">
      <abbr class="published" title="2005-10-16T10:54:41-0500">2005-10-16 10:54:41</abbr>
     </a></span>
    </h2>
    <div class="box">
     <div class="inbox">
      <div class="postleft">
       <dl>
        <dt><strong><address class="author vcard"><a class="url fn" href="profile.php?id=5298">IdleFire</a></address></strong></dt>

        <dd class="usertitle"><strong>Member</strong></dd>
        <dd class="postavatar"></dd>
        <dd>Registered: 2005-10-14</dd>
        <dd>Posts: 27</dd>
       </dl>
      </div>
      <div class="postright">

       <h3 class="entry-title"> Re: PunBB 1.2.9</h3>
       <div class="entry-content postmsg">
        <p>...</p>
       </div>
      </div>
      <div class="clearer"></div>
      <div class="postfootleft"><p>Offline</p></div>

      <div class="postfootright"><div> </div></div>
     </div>
    </div>
   </div>
   
   ... more entries ...
   </div>

   <div id="brdfooter" class="block">
    ... footer stuff ...
   </div>

  </div>
 </div>
</body>


Changes:

Also note:

More Examples

hatom-examples was last modified: Wednesday, December 31st, 1969

Views