blog-description-format

(Difference between revisions)

Jump to: navigation, search
(Example)
(Examples: Added an example)
Line 14: Line 14:
== Examples ==
== Examples ==
-
 
+
Example 1:
<pre><nowiki>
<pre><nowiki>
<div class="blogformat" xml:lang="de">
<div class="blogformat" xml:lang="de">
Line 32: Line 32:
   <p class="description">Webstandards, CSS, XHTML and topics releated to web development.</p>
   <p class="description">Webstandards, CSS, XHTML and topics releated to web development.</p>
</div>  
</div>  
 +
</nowiki></pre>
 +
Example 2:
 +
<pre><nowiki>
 +
<div class="blogformat" xml:lang="en">
 +
  <p><img class="logo" alt=""
 +
        src="http://rbach.priv.at/Misc/2005/Smiley.gif" />
 +
  <a class="author" href="http://example.org/jdoe">My</a>
 +
  <a class="bookmark" href="http://example.org/blog" title="John Doe's Blog">blog</a>
 +
  about
 +
  <span class="description">
 +
  <a rel="tag" href="http://technorati.com/tags/web+standards">Web standards</a>,
 +
  <a rel="tag" href="http://technorati.com/tags/css">CSS</a>,
 +
  <a rel="tag" href="http://technorati.com/tags/xhtml">XHTML</a>
 +
  and topics releated to web development.</span></p>
 +
  <p>There are
 +
  <a rel="alternate" type="application/atom+xml" href="http://example.org/feeds/atom">Atom</a> and
 +
  <a rel="alternate" type="application/rss+xml" href="http://example.org/feeds/rss">RSS 2.0</a>
 +
  feeds available.</p>
 +
</div>
</nowiki></pre>
</nowiki></pre>

Revision as of 21:26, 22 July 2005

Blog description format

Contents


Discussion Participants

Editors

Authors

Purpose

A microformat to describe the contents of a (we)blog. It provides a specific set of information to categorize a (we)blog. Enables easier search for humans and efficient collection of information by machines.

Examples

Example 1:

<div class="blogformat" xml:lang="de">
   <img class="logo" src="http://example.org/logo.gif" alt="" />
   <a class="bookmark" href="http://example.org/blog" title="Blog title">Blog name</a>
   <!-- Topics covered by the blog -->
   <ul class="categories">
     <li><a rel="tag" href="http://technorati.com/tags/Webstandards">Webstandards</a></li>
     <li><a rel="tag" href="http://technorati.com/tags/css">CSS</a></li>
     <li><a rel="tag" href="http://technorati.com/tags/xhtml">XHTML</a></li>
   </ul>
   <ul class="feeds"><!-- List of available news feeds -->
     <li><a rel="alternate" type="application/atom+xml" href="URL">Atom1.0</a></li>
     <li><a rel="alternate" type="application/rss+xml" href="http://example.org/rss-2.0">RSS 2.0</a></li>
   </ul>
   <!-- Describes the topics of the blog -->
   <p class="description">Webstandards, CSS, XHTML and topics releated to web development.</p>
</div> 

Example 2:

<div class="blogformat" xml:lang="en">
   <p><img class="logo" alt="" 
        src="http://rbach.priv.at/Misc/2005/Smiley.gif" />
   <a class="author" href="http://example.org/jdoe">My</a> 
   <a class="bookmark" href="http://example.org/blog" title="John Doe's Blog">blog</a>
   about 
   <span class="description">
   <a rel="tag" href="http://technorati.com/tags/web+standards">Web standards</a>,
   <a rel="tag" href="http://technorati.com/tags/css">CSS</a>,
   <a rel="tag" href="http://technorati.com/tags/xhtml">XHTML</a>
   and topics releated to web development.</span></p>
   <p>There are 
   <a rel="alternate" type="application/atom+xml" href="http://example.org/feeds/atom">Atom</a> and 
   <a rel="alternate" type="application/rss+xml" href="http://example.org/feeds/rss">RSS 2.0</a>
   feeds available.</p>
</div>

Note: Other code examples can be found here. These examples include both a code listing and a rendered version.

Additional description and code examples (in German language) can be found here.

blog-description-format was last modified: Wednesday, December 31st, 1969

Views