xfolk-kottke: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
 
(removed spam)
 
(15 intermediate revisions by 12 users not shown)
Line 1: Line 1:
= Kottke's Remaindered Links =
= Kottke's Remaindered Links =


<p>[http://www.kottke.org/remainder/ Kottke's remaindered links] is an [http://www.mediabistro.com/aboutus/articles/050207_independent.pdf internationally recognized] link blog.</p>
<p>'''This page is out of date. Kottke's format has changed totally since this article was written.  Each item is now merely an &lt;li> element containing text; there can be (and often is) more than one link per post, and there isn't neccessarily a most important link that could be the "taggedlink".'''</p>


<p>Kottke's entry is taken from his remaindered links link blog.  It represents several challenges for applying xFolk because, as is, it is not valid xhtml.  Further, there are no explicit semantics, only implied semantics.</p>
<p>[http://www.kottke.org/remainder/ Kottke's remaindered links] is an [http://www.mediabistro.com/aboutus/articles/050207_independent.pdf internationally recognized] link blog.  This entry from his link blog represents several challenges for applying xFolk because, as is, it is not valid xhtml.  Further, there are no explicit semantics, only implied semantics.</p>


<pre>&lt;li>
<pre>&lt;li>
   &lt;a href=“http://www.guardian.co.uk/arts/news/story/0,11711,1188015,00.html”>
   &lt;a href="http://www.guardian.co.uk/arts/news/story/0,11711,1188015,00.html">
     A previous Banksy unauthorized art placement took place in the  
     A previous Banksy unauthorized art placement took place in the  
     Natural History Museum in London
     Natural History Museum in London
   &lt;/a>&nbsp;&thinsp;
   &lt;/a>&nbsp;&thinsp;
   &lt;span class=“nocmt”>
   &lt;span class="nocmt">
     &lt;a href=“http://www.kottke.org/remainder/05/03/7937.html”>
     &lt;a href="http://www.kottke.org/remainder/05/03/7937.html">
       &amp;thinsp;#&amp;thinsp;
       &amp;thinsp;#&amp;thinsp;
     &lt;/a>&lt;br />
     &lt;/a>&lt;br />
     “The graffiti artist Banksy has managed to smuggle in his latest  
     "The graffiti artist Banksy has managed to smuggle in his latest  
     work, a dead rat in a glass-fronted box, into the Natural History
     work, a dead rat in a glass-fronted box, into the Natural History
     Museum where it was exhibited on a wall for several hours.
     Museum where it was exhibited on a wall for several hours."
&lt;/li></pre>
&lt;/li></pre>


<p>Here is the version rendered in xFolk.  Note that we fixed the &lt;span> tag that was not properly closed in the original rendition.  A further issue is that Kottke used a &lt;br /> element, a sort of no-no in semantic markup.  Under the idea of altering practice as little as possible, we just leave it.  A challenge with this particular entry is the presence of two URLs that could be interpreted as the URL to tag, one pointing to a permalink on Kottke's site and one pointing to the original article.  We opt for the URL pointing to the original article.</p>
<p>Here is the version rendered in xFolk.  Note that we fixed the &lt;span> tag that was not properly closed in the original rendition.  A further issue is that Kottke used a &lt;br /> element, a sort of no-no in semantic markup.  Under the idea of altering practice as little as possible, we just leave it.  A challenge with this particular entry is the presence of two URLs that could be interpreted as the URL to tag, one pointing to a permalink on Kottke's site and one pointing to the original article.  We opt for the URL pointing to the original article.  Altered lines are marked with a comment at the end of the line.</p>


<pre>&lt;li class=“xfolkentry”> <!-- changed -->
<pre>&lt;li class="xfolkentry"> <!-- changed -->
   &lt;a class=“taggedlink” href=“http://www.guardian.co.uk/arts/news/story/0,11711,1188015,00.html”> <!-- changed -->
   &lt;a class="taggedlink" href="http://www.guardian.co.uk/arts/news/story/0,11711,1188015,00.html"> <!-- changed -->
     A previous Banksy unauthorized art placement took place in the  
     A previous Banksy unauthorized art placement took place in the  
     Natural History Museum in London
     Natural History Museum in London
   &lt;/a>&nbsp;&thinsp;
   &lt;/a>&nbsp;&thinsp;
   &lt;span class=“nocmt”>
   &lt;span class="nocmt">
     &lt;a href=“http://www.kottke.org/remainder/05/03/7937.html”>
     &lt;a href="http://www.kottke.org/remainder/05/03/7937.html">
       &amp;thinsp;#&amp;thinsp;  
       &amp;thinsp;#&amp;thinsp;  
     &lt;/a>
     &lt;/a>
   <strong>&lt;/span></strong>
   <strong>&lt;/span></strong>
   &lt;br />
   &lt;br />
     &lt;span class=“extended”> “The graffiti artist Banksy has managed <!-- changed -->
     &lt;span class="extended"> "The graffiti artist Banksy has managed <!-- changed -->
     to smuggle in his latest  
     to smuggle in his latest  
     work, a dead rat in a glass-fronted box, into the Natural History
     work, a dead rat in a glass-fronted box, into the Natural History
     Museum where it was exhibited on a wall for several hours.&lt;/span> <!-- changed -->
     Museum where it was exhibited on a wall for several hours."&lt;/span> <!-- changed -->
&lt;/li></pre>
&lt;/li></pre>

Latest revision as of 18:39, 20 December 2008

Kottke's Remaindered Links

This page is out of date. Kottke's format has changed totally since this article was written. Each item is now merely an <li> element containing text; there can be (and often is) more than one link per post, and there isn't neccessarily a most important link that could be the "taggedlink".

Kottke's remaindered links is an internationally recognized link blog. This entry from his link blog represents several challenges for applying xFolk because, as is, it is not valid xhtml. Further, there are no explicit semantics, only implied semantics.

<li>
  <a href="http://www.guardian.co.uk/arts/news/story/0,11711,1188015,00.html">
    A previous Banksy unauthorized art placement took place in the 
    Natural History Museum in London
  </a>  
  <span class="nocmt">
    <a href="http://www.kottke.org/remainder/05/03/7937.html">
      &thinsp;#&thinsp;
    </a><br />
    "The graffiti artist Banksy has managed to smuggle in his latest 
     work, a dead rat in a glass-fronted box, into the Natural History
     Museum where it was exhibited on a wall for several hours."
</li>

Here is the version rendered in xFolk. Note that we fixed the <span> tag that was not properly closed in the original rendition. A further issue is that Kottke used a <br /> element, a sort of no-no in semantic markup. Under the idea of altering practice as little as possible, we just leave it. A challenge with this particular entry is the presence of two URLs that could be interpreted as the URL to tag, one pointing to a permalink on Kottke's site and one pointing to the original article. We opt for the URL pointing to the original article. Altered lines are marked with a comment at the end of the line.

<li class="xfolkentry"> <!-- changed -->
  <a class="taggedlink" href="http://www.guardian.co.uk/arts/news/story/0,11711,1188015,00.html"> <!-- changed -->
    A previous Banksy unauthorized art placement took place in the 
    Natural History Museum in London
  </a>  
  <span class="nocmt">
    <a href="http://www.kottke.org/remainder/05/03/7937.html">
      &thinsp;#&thinsp; 
    </a>
  <strong></span></strong>
  <br />
    <span class="extended"> "The graffiti artist Banksy has managed <!-- changed -->
     to smuggle in his latest 
     work, a dead rat in a glass-fronted box, into the Natural History
     Museum where it was exhibited on a wall for several hours."</span> <!-- changed -->
</li>