User talk:WebOrganics: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
Line 74: Line 74:
<h1>hCollection</h1>
<h1>hCollection</h1>


==hCollection 0.0.1==
==hCollection 0.0.2==


Martin McEvoy [http://weborganics.co.uk/ WebOrganics] 09:33, 12 May 2007 (PDT)
Martin McEvoy [http://weborganics.co.uk/ WebOrganics] 09:33, 12 May 2007 (PDT)
Using [http://dublincore.org/groups/collections/collection-application-profile/#colproperties DC CD AP] Terms to describe a collection.


===Collection===
===Collection===
Terms are:
Terms are:
* hcollection, the root of the collection
* hcollection, the root of the collection (dc:collection)
** collection-title, the title of the collection
** has-part, says that this has other parts (dcterms:hasPart)
** collection-type, what type of collection it is.
** collection-title, the title of the collection (dc:title)
** url, a link to the collection using <nowiki><a></nowiki> with the class attribute "url"
** collection-type, what type of collection it is. (dc:type)
** identifier, a link to the collection using <nowiki><a></nowiki> with the class attribute "identifier" (dc:identifier *A URI for the collection.)


<pre>
<pre>
<div class="haudio hcollection">
<div class="haudio hcollection">
   <div id="album">
   <div class="has-part">
         <span class="role">Artist</span>:
         <span class="role">Artist</span>:
         <span class="contributor org">Boys Night Out</span><br />
         <span class="contributor org">Boys Night Out</span><br />
         <span class="collection-type">Album</span>:  
         <span class="collection-type">Album</span>:  
         <span class="collection-title">
         <span class="collection-title">
         <a class="url"
         <a class="identifier"
href="http://www.downloadpunk.com/?webaction=AlbumDetail&albumid=13202">Fifty Million People Can't Be Wrong</a>
href="http://www.downloadpunk.com/?webaction=AlbumDetail&albumid=13202">Fifty Million People Can't Be Wrong</a>
         </span>
         </span>
Line 102: Line 105:


<pre>
<pre>
<div class="hcollection" id="s">
<div class="hcollection has-part">
   <span class="collection-title">
   <span class="collection-title">
     <span class="collection-type">
     <span class="collection-type">
     <a class="url" href="http://Stamps.com/album/">Stamp Book</a>
     <a class="identifier" href="http://Stamps.com...">Stamp Book</a>
     </span>
     </span>
   </span>
   </span>
Line 112: Line 115:


===Add to collection===
===Add to collection===
Add an Item to our collection terms are:
Add a Part to our collection terms are:


* collection-item, this is the root element of our collection item.
* collection-part-of, this is the root element of our collection item. (dcterms:isPartOf)
** item-title, This is the collection item title  
** part-of-title, This is the collection part title  
** item-type, what type of item it is.
** part-of-type, what type of part it is.
** url, a link to the collection item with the class attribute "url".
** identifier, a link to the collection item with the class attribute "identifier".
** Use the <nowiki><a></nowiki> <nowiki>class="include"</nowiki> [[include#hyperlink_include_example | Include Pattern]] to include in a collection.
   
   




<pre>
<pre>
<span class="haudio collection-item">
<span class="haudio collection-part-of">
   <span class="item-type">Track</span> 1  
   <span class="part-of-type">Track</span> 1  
     <span class="item-title"><a class="url" href="http://track1...>Reason Ain't Our Long Suit</a>
     <span class="part-of-title"><a class="identifier" href="http://track1...>Reason Ain't Our Long Suit</a>
       </span>
       </span>
    <a href="#album" class="include"></a>
   </span>
   </span>
</pre>
</pre>
Line 134: Line 135:


<pre>
<pre>
<div class="collection-item">
<div class="collection-part-of">
   <span class="item-title">Penny Black</span>  
   <span class="part-of-title">Penny Black</span>  
   <span class"item-type">Stamp</span>
   <span class"part-of-type">Stamp</span>
  <a class="include" href="#s"></a>
</div>
</div>
</pre>
</pre>

Revision as of 21:33, 12 May 2007

WebOrganics Talk

10 meaningful words

Martin McEvoy WebOrganics 07:47, 12 May 2007 (PDT)

The Idea

To display visible Keywords similar to the ones that an author would place in the head of their document e.g

<meta name="keywords" content="your keywords,go here,separated by a comma,but not a space" />

I'm not putting my keywords in the head of the document but in another largely ignored part of a website the footer.

The Idea is to tag your website or blog with 10 meaningful words about your website or more precisely descriptive words about the things that relate to your website the most. A similar idea is used when you are asked to tag your blog when you add a new blog to technorati. The hope is that if you type these 10 keywords into a search engine or directory then the result will be your website.

Example this is what my website WebOrganics has in the footer:

<ol class="xoxo">
 <li>
  <dl>
   <dt>10 <a href="http://tantek.com/presentations/2005/09/elements-of-xhtml/">Meaningful</a> Words</dt>
    <dd class="info">  
<a href="http://www.w3.org/2001/sw/" rel="tag">Semantic</a> 
<a href="http://www.molly.com/2005/11/14/web-standards-and-the-new-professionalism/" rel="tag">Standards</a>  
<a href="http://www.w3.org/WAI/gettingstarted/Overview.html" rel="tag">Accessibility</a>  
<a href="http://en.wikipedia.org/wiki/Implementation" rel="tag">Implementation</a>  
<a href="http://microformats.org/wiki/introduction" rel="tag">Microformats</a>  
<a href="http://www.adammathes.com/academic/computer-mediated-communication/folksonomies.html" rel="tag">Folksonomy</a> 
<a href="http://www.rubyonrails.org/" rel="tag">Rails</a>   
<a href="http://en.wikipedia.org/wiki/Open-source_software" rel="tag">Open</a>  
<a href="http://en.wikipedia.org/wiki/Organic_search_engine" rel="tag">Organic</a>  
<a href="http://en.wikipedia.org/wiki/Universal_design" rel="tag">Universal</a>
   </dd>
  </dl>
 </li>
</ol>

I have a visible maybe new microformat meaningful in my <dt> tag my description term also a link to an article that explains this , the <a> tag's have similar links to my keywords, all the <a> atributes are paired with the rel="tag" microformat, the idea is that this is simple.

Does it work?

search these 10 keywords. Semantic Standards Accessibility Implementation Microformats Folksonomy Rails Open Organic Universal

Conclusion

Interesting points:

  • Meaningful words mean something!... do they?
  • Can people be taged in a similar way? XFN
  • Maybe its just a good example of posh in action.

I know the evidence is un-conclusive but it is something to think about eh...

hCollection

hCollection 0.0.2

Martin McEvoy WebOrganics 09:33, 12 May 2007 (PDT)

Using DC CD AP Terms to describe a collection.

Collection

Terms are:

  • hcollection, the root of the collection (dc:collection)
    • has-part, says that this has other parts (dcterms:hasPart)
    • collection-title, the title of the collection (dc:title)
    • collection-type, what type of collection it is. (dc:type)
    • identifier, a link to the collection using <a> with the class attribute "identifier" (dc:identifier *A URI for the collection.)
<div class="haudio hcollection">
   <div class="has-part">
        <span class="role">Artist</span>:
        <span class="contributor org">Boys Night Out</span><br />
        <span class="collection-type">Album</span>: 
         <span class="collection-title">
        <a class="identifier"
href="http://www.downloadpunk.com/?webaction=AlbumDetail&albumid=13202">Fifty Million People Can't Be Wrong</a>
        </span>
   </div>
</div>

Another example

<div class="hcollection has-part">
  <span class="collection-title">
    <span class="collection-type">
    <a class="identifier" href="http://Stamps.com...">Stamp Book</a>
    </span>
  </span>
</div>

Add to collection

Add a Part to our collection terms are:

  • collection-part-of, this is the root element of our collection item. (dcterms:isPartOf)
    • part-of-title, This is the collection part title
    • part-of-type, what type of part it is.
    • identifier, a link to the collection item with the class attribute "identifier".


<span class="haudio collection-part-of">
  <span class="part-of-type">Track</span> 1 
    <span class="part-of-title"><a class="identifier" href="http://track1...>Reason Ain't Our Long Suit</a>
      </span>
  </span>

Another Example:

<div class="collection-part-of">
  <span class="part-of-title">Penny Black</span> 
  <span class"part-of-type">Stamp</span>
</div>

To Do

Contact or get involved

Martin McEvoy

WebOrganics.

Want to talk more about this or maybe something new?