[tuto microformat] utiliser le microformat hCalendar

[tuto microformat] utiliser le microformat hCalendar

Maintenant que vous avez vu à quoi peuvent servir les microformats nous allons commencer à les utiliser :)

Le microformat hCalendar

Nous avons vu que hCalendar servait à rendre compréhensible/utilisable/exportable les dates/évenements que nous pouvons parfois partager sur nos différents sites. Le compréhensible vous avez compris que c’est « compréhensible par les machines » ;)

Nous allons donc créer un petit événement : le 11 janvier ce sera l’anniversaire de ce blog (déjà deux ans :) ).

Créer l’événement

Dans un premier temps il va falloir créer notre événement, en utilisant la class vevent.

  1.  
  2. <div class="vevent">
  3. </div>
  4.  

Voilà notre événement est créé, nous allons le remplir.

Quoi, Quand, Où

Nous allons utiliser les classes suivantes : summary pour le quoi, location pour le où et dtstart/dtend pour le quand.

  1.  
  2. <div class="vevent">
  3.  
  4.  
  5. Oyé Oyé!,
  6. sur <span class="location">ce blog</span>
  7. nous allons fêter <span class="summary">le deuxième anniversaire de http://antoine.guiral.info</span>
  8. du <abbr class="dtstart" title="2010-01-11T00:00">11 janvier 2010 à 00h00</abbr>
  9. au <abbr class="dtend" title="2010-01-18T00:00">18 janvier 2010 à 00h00</abbr>
  10.  
  11. </div>
  12.  

Voilà un exemple complet :) Vous avez remarqué que pour les dates nous utilisons la balise abbr afin de proposer une date lisible par les humains et une date (dans le title) lisible par les machines.

Mais encore?

Si vous avez plusieurs événements, vous pouvez utiliser la class vcalendar.

On aurait aussi pu utiliser les classes url pour ajouter une url, duration pour la durée de l’événement, attendee pour les participants, etc etc… Je vous conseille d’aller voir la doc officiel du microformat hCalendar ;)

Vous l’aurez compris l’exemple utilisé n’a rien de fictif :p restez attentifs ^^

Ca y est vous avez utilisé le plugin magique pour sauvegarder cet événement dans votre google calendar?

Did you enjoy this post?

If so, would you please consider sharing it with the world

User Responses

3 Responses and Counting...

  1. shubaka

    janvier 06, 2010

    Est ce que tu utilises un éditeur ? (et si oui lequel ?) avec un système contextuel ?

  2. Antoine

    janvier 06, 2010

    Je n’utilise pas à l’heure actuelle d’éditeur spécifique…cependant je pense que ca serait pas mal pour la communauté d’avoir un plugin eclipse(aptana?) ou netbeans :) un volontaire?

  3. Rydgel

    janvier 06, 2010

    Zen-coding

Leave a Reply

Default User

Your Name

janvier 06, 2010

* Name, Email, and Comment are Required

Get Adobe Flash playerPlugin by wpburn.com wordpress themes