blog-post-brainstorming-fr

From Microformats Wiki
Revision as of 12:33, 1 May 2007 by Gazza (talk | contribs) (→â€: Fixed broken link)
Jump to navigation Jump to search

Participants Ă  la Discussion

Editeurs

Auteurs

(Traduction en cours par User:ChristopheDucamp Ă  mettre en to-do-fr)

Objectif

Le 'blog-post-microformat' propose une codification de la maniĂšre dont les billets de blogs sont identifiĂ©s dans les blogs. Il est espĂ©rĂ© que ceci devrait ĂȘtre considĂ©rĂ© pour ĂȘtre 'expansif' : par exemple la proposition pourrait ĂȘtre utilisĂ© sur CNN.com pour baliser les articles d'actualitĂ©s et les pages rĂ©sumĂ©.

Terminologie

Cette section explore la terminologie qui devrait ĂȘtre utilisĂ©e pour discuter d'un microformat de billet de blog. Pour qu'il soit plus facile de parler des diffĂ©rents types de terminologie, nous utilisons une version d'espace-nom ala XML de façon Ă  ce que nous puissions produire des dĂ©clarations comme atom:entry est approximativement Ă©quivalent Ă  rss20:feed, atom:feed/atom:link@relalternate est approximativement Ă©quivalent Ă  rss20:channel/rss20:link ou atom:author n'est pas Ă©quivalent Ă  rss:entry/rss:author (parce que RSS 2.0 est uniquement la dĂ©finition d'une adresse email).

Terminologie Commune dans les weblogs

En rĂ©digeant les blog-post-formats-fr, on peut voir qu'il y a peu de standardisation parmi les outils ou mĂȘme dans un outil individuel (tel que 'blogger') pour les noms des Ă©lĂ©ments des billets de blogs. Il existe nĂ©anmoins beaucoup d'Ă©lĂ©ments communs, comprenant :

  • un conteneur pour tous les billets/entrĂ©es
  • un conteneur pour les billets individuels
  • le contenu du billet, qui peut ĂȘtre complet, rĂ©sumĂ© avec un lien vers le lien complet, ou deux paragraphes avec des trucs javascript/CSS pour rĂ©vĂ©ler le reste du contenu
  • le nom de l'auteur
  • la date du billet (dans beaucoup beaucoup de formats)

Bien que cela puisse ressembler un peu Ă  un petit-dĂ©jeuner pour chien, il y a gĂ©nĂ©ralement une quantitĂ© raisonnable de rigueur derriĂšre la prĂ©sentation, parce que les fils Atom et/ou RSS peuvent ĂȘtre aussi produits Ă  partir des mĂȘmes outils.

En outre, en dĂ©veloppant un microformat pour les billets de weblog, nous voulons ĂȘtre prudents pour ne pas casser n'importe quel (ou beaucoup) de gabarits. Notez que beaucoup de gabarits de weblog devront ĂȘtre mis Ă  jour car ils produisent quelque chose comme du HTML pauvrement construit plutĂŽt que du XHTML clair.

Terminologie Atom

Voir ici pour la spec et blog-post-formats-fr pour l'analyse.

  • atom:feed - (composite) une collection d'entrĂ©es plus de l'information Ă  leur propos.
    • atom:author - (composite) l'auteur d'un fil (peut contenir atom:email, atom:name, atom:uri)
    • atom:id - un identifiant permanent pour un fil
    • atom:title - le titre d'un atom:entry ou un atom:feed
    • atom:updated - la derniĂšre fois que le fil a Ă©tĂ© mis Ă  jour
    • atom:link@relalternate - la page d'accueil du fil
    • atom:link@relself - l'URI du fil (oĂč elle peut ĂȘtre tĂ©lĂ©chargĂ©e)
    • atom:entry - (composite) une entrĂ©e dans le fil
      • atom:content - le contenu du fil
      • atom:summary - un rĂ©sumĂ© du contenu du fil
      • atom:entry/link - l'URI permanente de l'entrĂ©e
      • atom:published - le moment de la crĂ©ation initiale ou la premiĂšre disponibilitĂ© de l'entrĂ©e

Terminologie RSS 2.0

Regardez ici la spécification et blog-post-formats-fr pour l'analyse. Il y a beaucoup plus d'éléments dans RSS mais cela couvre ceux les plus communément utilisés. analysis.

  • rss2:channel - (composite) une collection d'entrĂ©es plus de l'information Ă  leur propos
    • rss2:author - (composite) l'auteur d'un fil (peut contenir atom:email, atom:name, atom:uri)
    • rss2:link - L'URL vers le site web HTML correspondant au canal (comparer Ă  atom:link@relalternate)
    • rss2:title - le titre d'un rss2:channel ou un rss2:item
    • rss2:pubDate - La date de publication pour le contenu dans le canal.
    • rss2:item - (composite) une entrĂ©e dans le fil
      • rss2:item/link - L'URL de l'item. Notez que cela peut ne pas ĂȘtre un lien permanent pour l'item ; ce peut ĂȘtre un lien vers quelque autre page sur l'Internet dont traite le rss2:item
      • rss2:description - Le synopsis item [sic]. Il n'y pas d'indication spĂ©ciale si c'est le contenu complet d'une entrĂ©e, un rĂ©sumĂ© ou une prĂ©cision de ce que le rss2:item/link est en train de pointer
      • rss2:author - adresse email de l'auteur de l'item

Recommandation

Atom a un mĂ©canisme beaucoup plus prĂ©cis pour dĂ©finir les fils de syndication et les donnĂ©es de weblog. Une transformation mĂ©canique Ă  partir de Atom -> RSS mĂšnera toujours Ă  un fil RSS correct ; une traduction RSS -> Atom devrait prendre une dĂ©cision parmi de multiples dĂ©finitions qui peuvent ne pas toujours ĂȘtre correctes. Par exemple, le format du balisage, le rĂŽle d'un auteur, ou le sens d'un lien.

IMPORTANT : nous parlerons de choses comme le 'balisage d'Ă©lĂ©ments atom:feed' ; considĂ©rez cela purement comme une chose conceptuelle. Le texte 'atom:feed' n'apparaĂźtra pas dans le microformat XHTML -- nous pourrons dĂ©cider plus tard d'utiliser la phrase exacte 'atom_feed', 'feed', 'items' ou 'googlybear'. Dans le cas oĂč il n'y a pas de terminologie atom claire ou applicable, nous utiliserons 'weblog:xxx'.

Eléments Découverts

Cette section explore l'information dĂ©couverte Ă  partir des blog-post-formats en utilisant la terminologie discutĂ©e au-dessus. Nous nous concentrerons seulement sur les principaux Ă©lĂ©ments des billets de weblog :

  • l'EntrĂ©e Groupe
  • L'Entry individuelle
  • l'EntrĂ©e Titre
  • l'EntrĂ©e Contenu
  • l'EntrĂ©e Permalink
  • l'EntrĂ©e Datetimes

A cette heure, la codification des Ă©lĂ©ments suivants majeurs seront diffĂ©rĂ©s car il y a/peut avoir un chevauchement avec d'autres microformats qui devraient ĂȘtre explorĂ©s plus en profondeur.

  • L'EntrĂ©eGroupe Titre
  • L'EntrĂ©eGroupe Permalien
  • L'EntrĂ©e Posteur/Auteur - en particulier, est-ce que la hCard devrait ĂȘtre utilisĂ©e ?

Des entrĂ©es plus approfondies provenant de la communautĂ© devraient ĂȘtre apprĂ©ciĂ©es ici

GroupeEntry

En gros, ceci correpond à 'atom:feed' ou 'rss2:channel' (en particulier, les items dans ces éléments XML). Voir blog-post-examples-fr pour les différentes formes dans la jungle.

Recommandation Microformat

  • les pages weblog (y compris les pages d'accueil, archives, pages de catĂ©gories, pages tag et ainsi de suite) qui peuvent contenir plusieurs entrĂ©es DOIVENT enfermer les entrĂ©es dans un Ă©lĂ©ment atom:feed
  • les pages weblog PEUVENT avoir plusieurs Ă©lĂ©ments atom:feed enfermant diffĂ©rents groupes d'entrĂ©es
  • les Ă©lĂ©ments atom:feed ne DOIVENT PAS ĂȘtre imbriquĂ©s
  • les pages weblog qui ont exactement une entrĂ©e PEUVENT utiliser le atom:feed

Exemple Transformation

Notez que la chaĂźne 'atom:feed' est un gardien de place pour quelque chose devant ĂȘtre dĂ©cidĂ© plus tard.

Original (Ă©videmment, s'il n'y a pas d'Ă©lĂ©ment de bloc GroupeEntry, un peut ĂȘtre ajoutĂ©) :

<div id="content">
 <h2 id="home-title">
  DerniĂšres nouvelles des microformats
  <a href="http://www.microformats.org/feed/" title="lien vers le fil RSS" id="feed-link">
   <img src="/img/xml.gif" width="23" height="13" alt="XML" />
  </a>
 </h2>

 <div class="entry">
  <h3 id="post-60">
   <a href="http://www.microformats.org/blog/2006/...">Attaque Bliki</a>
  </h3>
  ...
 </div>

 ...
</div>

TransformĂ© :

<div id="content" class="atom:feed">
 <h2 id="home-title">
  DerniĂšres nouvelles des microformats
  <a href="http://www.microformats.org/feed/" title="lien vers le fil RSS" id="feed-link">
   <img src="/img/xml.gif" width="23" height="13" alt="XML" />
  </a>
 </h2>

 <div class="entry">
  <h3 id="post-60">
   <a href="http://www.microformats.org/blog/2006/...">Attaque Bliki</a>
  </h3>
  ...
 </div>

 ...
</div>

Groupe Entry Titre

Non couvert par cette proposition Ă  cette heure.

Groupe Entry Permalien

Non couvert par cette proposition Ă  cette heure.

Entrée Individuelle

Ceci correspond presque exactement aux éléments atom:entry ou rss2:item. Voir blog-post-examples-fr pour les différentes formes vues dans la jungle.

Recommandation Microformat

  • Les entrĂ©es de weblog DOIVENT ĂȘtre enveloppĂ©es dans un Ă©lĂ©ment unique atom:entry
  • Les Ă©lĂ©ments atom:entry NE DOIVENT PAS ĂȘtre imbriquĂ©s
  • atom:entry NE DOIT PAS appartenir Ă  plus d'un Ă©lĂ©ment atom:feed

Exemple Transformation

Notez que la chaĂźne 'atom:entry' est un gardien de place pour quelque chose devant ĂȘtre dĂ©cidĂ© plus tard.

Entrées dans bloc existant

Original :

 <div class="entry">
  <h3 id="post-60">
   <a href="http://www.microformats.org/blog/2005/...">Attaque Wiki</a>
  </h3>
  ... reste de l'entrée ...
 </div>

TransformĂ© :

<div class="atom:feed">
 <div class="atom:entry entry">
  <h3 id="post-60">
   <a href="http://www.microformats.org/blog/2005/...">Attaque Wiki</a>
  </h3>
  ... reste de l'entrée ...
 </div>
 ... entrées additionnelles ...
</div>

Entrées n'étant pas dans un bloc existant

Original :

 <a name="112877372228959075">&nbsp;</a>
 <br>
  <strong>Just one problem, Minister.</strong> Last week, Bill Rammell, 
 <br>

Transformé:

<div class="atom:feed">
 <div class="atom:entry" id="112877372228959075">
  <br />
   <strong>Just one problem, Minister.</strong> Last week, Bill Rammell, 
  <br />
  ... reste de l'entrée
 </div>
 ... entrées additionnelles ...
</div>

Notez les modifications additionnelles aussi produites :

  • <br> a Ă©tĂ© rendu conforme XHTML
  • <a name="..."> a Ă©tĂ© converti ver un id="..." (confirmez que c'est OK)

Entrées Disjointes

Ignorer tout bloc existant et les traiter comme dans le cas précédent de pas de bloc.

Entrée Titre

Ceci correspond presque exactement aux Ă©lĂ©ments atom:title ou rss2:title. Voir blog-post-formats-fr pour des exemples Ă  partir desquels nous voyons qu'il y a deux maniĂšres fondamentales dont les titres sont utilisĂ©s dans la jungle : au niveau bloc et dans la ligne. Notre proposition doit ĂȘtre capable de gĂ©rer les deux formes.

Microformat Recommandation

  • atom:entrys DEVRAIENT avoir au plus un titre
  • les titres au niveau bloc DEVRAIENT ĂȘtre reprĂ©sentĂ©s en utilisant <h#>, le premier Ă©lĂ©ment atom:entry devrait ĂȘtre considĂ©rĂ© comme le titre ; ceci devrait ne pas ĂȘtre balisĂ© ou identifiĂ© sous quelque autre forme que le titre
  • les titres dans la ligne DOIVENT ĂȘtre balisĂ©s sous atom:title ; il est aussi possible de faire ça en utilisant la mise en forme au niveau bloc telle que <div>, mais ceci est dĂ©couragĂ©

Discussion : pourquoi pas toujours <h#>?

En utilisant CSS display: inline, les Ă©lĂ©ments de niveau bloc peuvent ĂȘtre convertis vers des Ă©lĂ©ments dans la ligne. Malheureusement, nous ne pouvons pas imbriquer <h#> Ă  l'intĂ©rieur d'un bloc <p> pour parvenir Ă  l'effet correct. C'est Ă  dire que nous ne pouvons pas convertir ...

<p><strong>Le Titre</strong> : Le Texte...</p>

... en ...

<p><h3 style="display: inline">Le Titre</h3> : Le Texte...</p>

... parce que le XHTML ne validera pas. Aussi...

<h3 style="display: inline">Le Titre</h3><p> : Le Texte...</p>

... ne fonctionnera pas parce que l'effet de présentation sera différent de ce que l'utilisateur désire (parce qu le <p> introduira un saut de ligne).

Exemple Transformation

Notez que la chaĂźne 'atom:title' est un gardien de place pour quelque chose devant ĂȘtre dĂ©cidĂ© plus tard.

Header dans le bloc <h#>

Original (et Final) :

<div class="atom:entry">
 <h2 id="post-59">Web Essentials Audio</h2>
 ... réinitialisation de l'entrée ...
</div>

Aucune transformation n'est requise -- le microformat blog-post reconnaßtra ça come le atom:title.

Header dans un autre élément bloc

Original :

<div class="atom:entry">
 <div class"header">Web Essentials Audio</div>
</div>

TransformĂ© (le niveau titre est Ă  essayer) :

<div class="atom:entry">
 <h3>Web Essentials Audio</h3>
</div>

Il est possible d'ajouter class"atom:title" Ă  la div mais nous ne le recommandons pas. NĂ©anmoins nous reconnaissons qu'il peut y avoir certains blog-post-formats-fr que produire ce changement puisse ĂȘtre trop difficile.

Header dans l'élément dans la ligne

Original :

 <div class="atom:entry" id="112877372228959075">
  <br />
   <strong>Just one problem, Minister.</strong> Last week, Bill Rammell, 
  <br />
  ... reste de l'enrée ...
 </div>

TransformĂ© :

 <div class="atom:entry" id="112877372228959075">
  <br />
   <strong class="atom:title">Just one problem, Minister.</strong> Last week, Bill Rammell, 
  <br />
  ... reste de l'entrée ...
 </div>

Entrée Contenu

Ceci correspond en gros aux éléments atom:content et/ou atom:summary. Voir blog-post-examples-fr pour les différentes formes vues dans la jungle.

Discussion : le problĂšme du dĂ©coupage du contenu

Le dernier item au-dessus (contenu brisĂ© en plusieurs sections) prĂ©sente quelques problĂšmes uniques. Il n'est pas suffisant d'enfermer toutes les sections de contenu diffĂ©rentes dans un Ă©lĂ©ment atom:content, comme l'illustre l'exemple suivant :

 <div class="atom:entry">
  <div class="atom:content">
   ... premiĂšre partie du contenu ...
   "En savoir plus"
   ... seconde partie du contenu ...
  </div>
 </div>

"En savoir plus" ne fait pas partie du contenu ! Par consĂ©quent, nous proposons que plusieurs sections de contenus puissent aller dans un atom:entry unique. La concatĂ©nation de tous ces blocs de contenu dĂ©finira le contenu complet :

 <div class="atom:entry">
  <div class="atom:content">
   ... premiĂšre partie du contenu ...
  </div>
   "Read More"
  <div class="atom:content">
   ... seconde partie du contenu ...
  </div>
 </div>

Le mĂȘme argument est applicable Ă  atom:summary.

Recommandation Microformat

  • un atom:entry PEUT avoir zĂ©ro ou plus de sections atom:summary. Il n'y a pas d'obligation que diffĂ©rentes reprĂ©sentations de la mĂȘme entrĂ©e (sur diffĂ©rents URIs) utilisent les mĂȘmes rĂ©sumĂ©s.
  • un atom:entry PEUT avoir zĂ©ro ou plus de sections atom:content. La concatĂ©nation sĂ©rielle de toutes les sections atom:content dans l'entrĂ©e DOIT reprĂ©senter le contenu complet de l'entrĂ©e. Notez que la rĂšgle ici est lĂ©gĂšrement diffĂ©rente que Atom qui n'autorise qu'un atom:content.

Exemple Transformation

Notez que les chaßnes 'atom:summary' et 'atom:content' (etc.) sont des gardiens de place pour quelque chose à décider plus tard.

Entrée avec contenu résumé

Original :

<div class="inlineBlog">
 <h3 id="a003068">
  <a href="http://thecommunityengine.com/h.../xfolk_vegomatic.html" class="taggedlink">xFolk Veg-o-matic Alpha</a>
 </h3>
 <p class="abstract extended">
  We provide a way to surf the web and slice and dice information you find there into your own custom output stream.
 </p>
 ... quelque tag et truc de catégorie ...
 <p>
  Les types chez... le reste du contenu 
 </p>
 <p class="extended">
  <a href="http://thecommunityengine.com/.../xfolk_vegomatic.html#more">Continue reading "xFolk Veg-o-matic Alpha"</a>
 </p>
 ...
</div>

Transformation:

<div class="inlineBlog atom:entry">
 <h3 id="a003068">
  <a href="http://thecommunityengine.com/h.../xfolk_vegomatic.html" class="taggedlink atom:permalink">xFolk Veg-o-matic Alpha</a>
 </h3>
 <p class="abstract extended">
  We provide a way to surf the web and slice and dice information you find there into your own custom output stream.
 </p>
 ... some tag and category stuff ...
 <div class="atom:summary">
  <p>
   Les types chez... le reste du contenu 
  </p>
 </div>
 <p class="extended">
  <a href="http://thecommunityengine.com/.../xfolk_vegomatic.html#more">Continue reading "xFolk Veg-o-matic Alpha"</a>
 </p>
 ...
</div>

Notes :

  • nous n'avons rien fait avec la section "abstract" -- ceci est une discussion pour un autre jour
  • nous n'avons pas inclus le truc tag dans le rĂ©sumĂ©, et probablemetn ne le ferions pas si c'Ă©tait le contenu complet.

Entrée avec contenu complet

Original :

<div class="entry single">
 <h2 id="post-61">Les attributs de classe sont plus que du stylisme</h2>

 <p>Quand les gens parlent de microformats, ... </p>
 
 <blockquote cite="http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2">
  ... texte cité d'ailleurs
 </blockquote>

 <p>Il y a deux points dont j’aimerais parler ici :</p>
 
 ... plus de contenu...

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

 <ul class="post-info">
  ... trucs de pied de page ...
 </ul>
</div>

Transformation :

<div class="entry single atom:entry">
 <h2 id="post-61">Les attributs de classe sont plus que du stylisme</h2>

 <div class="atom:content">
  <p>Quand les gens parlent de microformats, ...</p>

  <blockquote cite="http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2">
  ... texte cité d'ailleurs
  </blockquote>

  <p>There’s a couple of points I’d like to highlight here:</p>

  ... plus de contenu ...
 </div>

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

 <ul class="post-info">
  ... trucs de pied de page ...
 </ul>
</div>

Notes :

  • la seule chose qui avait vraiment besoin d'ĂȘtre faite est d'envelopper le contenu
  • ma prĂ©fĂ©rence serait de migrer l'id du billet vers l'atom:entry

Entrée avec contenu découpé (plusieurs sections)

Original :

<div class="blogbody">
 <a name="008148"></a>

 <div class="title">
  Face to face: why places will continue to exist
 </div>

 <div class="posted">
  <strong>Brian Micklethwait (London)</strong>
    
  <a href="...">Science & Technology</a>
 </div>

 <p>It is not just that I dislike filling in forms....</p>
 ... the first section of the content ...

 ... this link makes the extended section show ...
 <span id="varP8148">
  <img src="http://www.samizdata.net/blog/img/bullet_tri.gif" width="16" height="10" alt="" />
  <a href="..." onclick="showMore(8148,'...');return false;">
   Read more.
  </a>
 </span>
  
 <div id="varXYZ8148" style="display: none">
  <p>The very gadgets – computers linked...</p>
  ... the rest of the extended content ...

  ... this link makes the extended section hide ...
  <img src="..." width="16" height="10" alt="" />
   <a href="#008148" onclick="showMore(8148,0);return true;">
    Read less.
   </a>
  </div>
 </div>
</div>

Transformation :

<div class="blogbody atom:entry" id="008148">
 <h3>
  Face to face: why places will continue to exist
 </h3>

 <div class="posted">
  <strong>Brian Micklethwait (London)</strong>
    
  <a href="...">Science & Technology</a>
 </div>

 <div class="atom:content">
  <p>It is not just that I dislike filling in forms....</p>
  ... the first section of the content ...
 </div>

 ... this link makes the extended section show ...
 <span id="varP8148">
  <img src="http://www.samizdata.net/blog/img/bullet_tri.gif" width="16" height="10" alt="" />
  <a href="..." onclick="showMore(8148,'...');return false;">
   Read more.
  </a>
 </span>
  
 <div id="varXYZ8148" style="display: none">
  <div class="atom:content">
   <p>The very gadgets – computers linked...</p>
   ... the rest of the extended content ...
  </div>

  ... this link makes the extended section hide ...
  <img src="..." width="16" height="10" alt="" />
   <a href="#008148" onclick="showMore(8148,0);return true;">
    Read less.
   </a>
  </div>
 </div>
</div>

Note :

  • atom:content divs ont Ă©tĂ© crĂ©Ă©s pour chacune des sections de texte, de façon que le non-contenu codĂ© n'aurait pas Ă©tĂ© balisĂ© incorrectement
  • il y a deux sections atom:content ; ensemble elles produisent le contenu complet
  • la conversion de <div class="header"> en <h3>
  • l'addition de atom:entry comme exigĂ©
  • le retrait du <a name="008148"> en faveur de placer un id sur l'atom:entry
  • une manipulation plus approfondie de l'auteur pourrait ĂȘtre faite
  • une manipulation plus approfondie de la catĂ©gorie pourrait ĂȘtre faite

Entrée Permalien

Les Permaliens correspondent en gros à atom:link. Voir exemples de billets de blogs#Entrée Permaliens pour des exemples.

Un permalien est appelĂ© canonique si c'est la meilleure reprĂ©sentation de l'URI pour cette entrĂ©e ; la dĂ©finition de quelle 'meilleure reprĂ©sentation' est entiĂšrement Ă  la discrĂ©tion de l'auteur du weblog. Nous recommandons que les weblogs utilisent des URIs canoniques car cela permet de "filer" ensemble plusieurs billets et sources avec des comparaisons au niveau des bits. En gĂ©nĂ©ral, l'URI canonique devrait ĂȘtre le lien utilisĂ© dans une entrĂ©e Atom.

Recommandation Microformat

  • une EntrĂ©e ne DOIT PAS avoir plus d'un permalien balisĂ© comme atom:link
  • les permaliens DEVRAIENT ĂȘtre des URIs absolus
  • les permaliens DEVRAIENT ĂȘtre canoniques
  • les permaliens DEVRAIENT ĂȘtre les mĂȘmes comme le atom:link utilisĂ© dans les fils de syndication

Exemple Transformations

Original :

<div class="entry">
 <h3 id="post-45">
  <a 
   href="http://www.microformats.org/blog/2005/08/21/foobar-microformats/" 
   rel="bookmark"
   title="Lien Permanent vers la FooBar Microformats">FooBar Microformats</a>
  </h3>
   ...
</div>

Transformation :

<div class="atom:entry entry">
 <h3 id="post-45">
  <a 
   href="http://www.microformats.org/blog/2005/08/21/foobar-microformats/" 
   rel="atom:link bookmark"
   title="Lien Permanent vers la FooBar Microformats">FooBar Microformats</a>
  </h3>
   ...
</div>

Original :

<h3>YET ANOTHER INSTANCE OF THE WORLD FINALLY CATCHING UP TO THE BLOG</h3>
<p>Today's news: Neuticles win ... award.</p>
<p class="posted">
Posted by judi on October  7, 2005 at 05:00 PM |
<a href="http://blogs.herald.com/dave_barrys_blog/2005/10/yet_another_ins.html">Permalink</a>
</p>

Transformation :

<div class="atom:entry">
 <h3>YET ANOTHER INSTANCE OF THE WORLD FINALLY CATCHING UP TO THE BLOG</h3>
 <p>Today's news: Neuticles win ... award.</p>
 <p class="posted">
 Posted by judi on October  7, 2005 at 05:00 PM |
 <a rel="atom:link" href="http://blogs.herald.com/dave_barrys_blog/2005/10/yet_another_ins.html">Permalink</a>
</p>

Entrée Datetimes - Création et Modified

Les weblogs affichent typiquement (en HTML) le moment de création de leurs billets (en gros mais ne correspondant pas exactement au atom:published) et moins souvent le moment de la derniÚre modification (atom:updated).

Regardez aussi datetime-design-pattern pour plus d'information sur la spécification du datetimes. La recommandation ici est stylée aprÚs le datetimes dans in hCalendar.

Formes vues dans la jungle

voir Current Blog Formats

Recommandation Microformat

  • les titres de date entre les entrĂ©es de weblogs sont en dehors de ce microformat
  • atom:published DEVRAIT ĂȘtre indiquĂ© par un Ă©lĂ©ment abbr autour de la version lisible par les humains de la date ou datetime.
    • l'attribut 'class' DOIT indiquer atom:published
    • l'attribut 'title' DOIT ĂȘtre un datetime complet, dans le format de datetime-design-pattern
  • aussi pour atom:updated, si prĂ©sent

Exemple transformation

Notez que la chaßne 'atom:published' est un gardien de place pour quelque chose à décider plus tard.

Original :

<a href"...">Vendredi 30 septembre 2005 Ă  12:31</a>

TransformĂ© :

<a href"..."><abbr 
 class"atom:published" 
 title"200050930T12:31:01-0500">Vendredi 30 septembre 2005 Ă  12:31</abbr></a>

Entrée Auteur

Un travail en progression

Recommandation Microformat

  • L'entrĂ©e Auteur DEVRAIT ĂȘtre dans un bloc <address>

Atom Possible vers mapping microformat(s)

  • feed - "hfeed"
    • title - sous-entendu Ă  partir de l'Ă©lĂ©ment <title>
    • subtitle - rĂ©utilisation de "description" selon vCalendar, iCalendar, hCalendar, xFolk, et hReview.
    • id - sous-entendu Ă  partir de URL page
    • updated - "updated" (mis Ă  jour)
    • author - "author", si rien trouvĂ©, sous-entendu Ă  partir de <address> (qui DEVRAIT ĂȘtre utilisĂ© de toute façon), et DOIT ĂȘtre une hCard.
    • generator - gĂ©nĂ©rĂ© par le script de conversion / XSLT, omis Ă  partir de hAtom. Similaire Ă  PRODID dans hCalendar.
    • logo - rĂ©utilisation du "logo" en provenance de hCard
    • icon - dĂ©finir la nouvelle rel-icon (voir XHTML2) pour cela
    • category - rel="tag" + rel-directory
    • rights - rel="license"
  • entry - "hentry"
    • title - "headline"
    • link - rel-design-pattern-fr de HTML4
    • id - sous-tendu du permalink
    • summary - "excerpt"
    • content - "content"
    • published - "published"
    • updated - "updated"
    • author - "author", doit ĂȘtre hCard, DEVRAIT ĂȘtre <address>
    • rights - rel="license"

Plusieurs fils sur une page

Billet hAtom 1.0 : supporte plusieurs fils sur une page unique. Changements Ă  partir de ci-dessus.

  • feed
    • title - "headline", mĂȘme que entry
    • id - definir un nouveau microformat rel-canonical pour cela
    • author - "author" requis.
  • entry
    • id - rĂ©utilisation de "uid" Ă  partir du hCalendar.

Discussion

titre du fil

Je pensais initialement que "fn" ferait du sens pour le titre du fils, mais en ayant regardé quelques blogs/fils, bien que dans bien des cas le titre du blog/fil *soit* le nom du blog/fil, ce n'est souvent pas le cas.

Deux exemples :

  1. . Quelques titres de blog consistent en le nom du blog et la date, par exemple Scripting News fait ça.
  2. . Quelques titres de blog consistent en le nom du blog et une phrase courte résumé ou une citation

J'ai vu assez souvent ces deux cas dans la jungle pour croire que le titre du blog et le nom du blog ne sont pas les mĂȘmes, de ce fait il est appropriĂ© de rĂ©utiliser "fn" Ă  partir de la hCard, parce que le titre du fil ne veut pas dire la mĂȘme chose que le *nom* du fil. De ce fait j'ai ĂŽtĂ© la suggestion de rĂ©utiliser "fn" pour le titre du fil, et au lieu de cela je propose de rĂ©utiliser le "headline" Ă  partir de l'entrĂ©e, ce qui apparaĂźt vraiment comme ayant la mĂȘme sĂ©mantique.

Possibilités Supplémentaires

Plus d'idĂ©es sur le billet hAtom 1.0 :

  • entry
    • summary - "excerpt" ou "abstract"
    • contributor - "contributor"
    • source - utiliser <blockquote cite="">, mettre la source dans l'attribut cite>.

Usages possibles

Cette section décrit les applications potentielles pour un microformat de billet de blog

Usages Transformationnels

Par transformationnel, nous voulons dire alimenter un billet de weblog vers quelque sorte d'outil de transformation (tel que XSLT) pour produire une version différente du billet taillée pour un usage différent.

Imprimer les Billets de Blogs

Reblogging

  • ZDNet a un bouton reblog qui serait produit obsolĂšte ( ou pourrait ĂȘtre substantiellement amĂ©liorĂ©) par l'utilisation de ce microformat
  • Reblog.com Ă©tait l'inspiration pour cette idĂ©e. Ceci peut ĂȘtre renommĂ© RedirectThis ?

Usages d'Archives

Par 'archive', nous voulons dire prendre les entrées des weblog et les placer dans une base de données pour une analyse plus tard, de la recherche, de l'agrégation et ainsi de suite.

Database Personnelle

Moteur de Recherche

Blogs avec Texte Partiels

Les contenus partiels de blogs peuvent ĂȘtre crĂ©Ă©s en produisant la totalitĂ© du contenu html d'une entrĂ©e de blog en ne la balisant pas comme telle. La portion atom:summary de cette entrĂ©e peut ĂȘtre balisĂ©e comme un 'summary', ou pourrait ĂȘtr rĂ©crite et placĂ©e dans un Ă©lĂ©ment de bloc cachĂ© dans le html. Les parseurs hAtom ingoreraient le contenu non annotĂ© et ne produiraient seulement que l'information rĂ©sumĂ©e.

Obstacles

Tag Header pour EntrĂ©e Titre ?

--Bryan 14:55, 14 Aug 2005 (PDT)

Beaucoup de weblog CMSes autorisent la publication d'entrĂ©es extĂ©rieures de la façon suivante :

  • plusieurs entrĂ©es sur une page (un "Index," archive mensuelle, archive catĂ©gorie, etc. voir Exemple)
  • une entrĂ©e sur une page (voir Exemple)

Des tentatives précédentes sur blog-post-formats-fr ont réglé le titre du billet de blog pour utiliser le tag h3.

Au moins dans le cas oĂč les pages d'entrĂ©es individuelles (et des index et archives inclus possibles), je recommande d'utiliser h1 pour l'entrĂ©e titre, compte tenu du faiut que l'entrĂ©e est de loin la piĂšce d'information la plus importante sur la page et c'est ce que nous voudrions que les moteurs de recherche les reconnaissent comme tels. Dans le cas oĂč le h1 a Ă©tĂ© utilisĂ© pour le titre du site, les craintes de "perdre" cette information devraient ĂȘtre soulagĂ©es en incluant simplement le nom du site dans le tag title, aprĂšs le titre de l'article / entrĂ©e / billet.

Qu'un h3 ou un h1 soit utilisé est inapproprié, la sémantique sera appliquée avec les noms de classe. Ceci est une non-problématique. --RyanKing 22:35, 18 Aug 2005 (PDT)

Voir aussi