h-entry-fr

Cette page a démarré sur h-entry

<entry-title>h-entry</entry-title>

• Tantek Çelik (Editor)
• Christophe Ducamp (Traducteur)

---

h-entry est un format simple, ouvert pour le contenu épisodique ou chronodaté sur le web. h-entry est souvent utilisé avec du contenu destiné à être syndiqué, par exemple des billets de blog. h-entry est l'un des nombreux standards microformats ouverts "draft" adapté pour embarquer de la data dans le HTML/HTML5.

h-entry est la mise à jour microformats2 de hAtom.

Exemple

Voici un exemple simple de billet de blog :

<article class="h-entry">
  <h1 class="p-name">Les microformats sont fascinants</h1>
  <p>Publié par <a class="p-author h-card">W. Developer</a>
     le <time class="dt-published" datetime="2013-06-01 12:00:00">1<sup>er</sup> juin 2013</time>
  
  <p class="p-summary">Dans le quel je loue les vertus d'utiliser les microformats.</p>
  
  <div class="e-content">
    <p>Blah blah blah</p>
  </div>
</article>

Démarrer

La classe h-entry est un nom de classe racine qui indique la présence d'un h-entry.

p-name, p-author, dt-published et les autres propriétés-noms de classes de h-entry listées ci-dessous définissent les propriétés de h-entry.

Voir microformats2-parsing pour en savoir plus à propos des noms de classes propriétés.

Propriétés

les propriétés h-entry, à l'intérieur d'un élément avec la classe h-entry :

• p-name - nom de la note/titre
• p-summary - petit résumé court de la note
• e-content - contenu complet de la note
• dt-published - quand la note a été publiée
• dt-updated - quand la note a été mise à jour
• p-author - qui a écrit la note, optionnellement embarquée avec h-card(s)
• p-category - catégories/tags de la note
• u-url - URL permalien de la note
• u-uid - ID unique de la note
• p-geo - lieu géophysique à partir duquel la note a été postée, embarque optionnellement h-geo
  Article principal: h-geo-fr
• p-latitude - latitude décimale
• p-longitude - longitude décimale
• p-altitude - altitude décimale

Les propriétés suivantes expérimentales sont utilisées dans la jungle mais ne font pas encore partie de la spécification :

• u-in-reply-to - l'URL à laquelle la h-entry est considéré comme une réponse à ou un commentaire sur.
  • Potentiellement une h-entry embarquée (ou imbriquée ?) (pour les contextes de réponses) mais je suis le seul à faire ça à cette heure, aussi non considéré comme une recommandation --bw 16:44, 13 June 2013 (UTC)
• p-comment - h-entries optionellement embarquées (ou imbriquées), chacune d'entre elles est un commentaire/réponse au h-entry parent. Voir comment-brainstorming.

Les propriétés suivantes sont des ajouts proposés basés sur différentes conventions existantes de prévisualisation de lien qui ne sont pas encore utilisées dans la jungle (En rapport : link-preview-brainstorming)

• u-photo
• u-audio - consider special u- parsing rules for <audio>
• u-video - consider special u- parsing rules for <video>

Toutes les propriétés sont optionnelles.

Statut

h-entry est une spécification draft de microformats.org. La discussion publique sur h-entry a lieu sur h-entry-feedback, le canal irc #microformats sur irc.freenode.net, et la liste de discussion microformats-new.

h-entry est prêt à l'utilisation et à l'implémentation dans la jungle, mais pour des raisons de rétro-compatibilité vous devriez aussi baliser les h-entries en les enrichissant des notes classiques hAtom.

Détails de Propriétés

(ébauche à compléter)

Les implémentations spécifiques-hAtom qui exécutent un affichage ou une traduction personnalisée (par ex. vers Atom XML) DEVRAIENT préférer p-name à p-entry-title, et utiliser les valeurs p-entry-title comme un plan de secours s'il n'existe pas de p-name.

FAQ

• Qu'est-ce que le p-name d'une note?
  • Quelques options, de la plus simple à la plus détaillée.
    • la même que la propriété p-content/e-content.
    • la même que l'élément title sur le permalien de note de page. Au moment de publier une note sur sa propre page de permalien de post, les contenus de la note sont probablement abrégés pour le titre de la page. La même abréviation peut être utilisée pour le p-name.
    • première phrase de la propriété p-content/e-content. Ce peut être mieux pour la syndication et les objectifs de prévisualisation de lien de fournir simplement la première phrase de la note comme le p-name. De la même manière, si seulement une portion du contenu est syndiquée sur d'autres sites, cette portion-la peut être balisée comme le p-summary.
• ...

Exemples dans la jungle

Les véritables exemples dans la jungle :

• ... ajoutez ici les usages de h-entry que vous voyez dans la jungle
• L'UI du "Twitter archive browser" utilise h-entry et h-card en interne, malheureusement elle n'est pas exposée comme du HTML dans les fichiers statiques
• Brett Comnes enrichit ses posts avec h-entry et h-card (exemple)
• Ben Werdmuller enrichit ses posts avec h-card et h-entry, u-in-reply-to et u-like (example)
• Sandeep Shetty enrichit ses posts avec h-card and h-entry, tout comme avec les propriétés expérimentales u-in-reply-to et u-like (exemple)
• spreadly enrichit ses pages de permaliens de partage avec h-entry, tout comme avec les propriétés h-cards et p-like expérimental (exemple)
• Laurent Eschenauer enrichit ses posts avec h-entry (exemple)
• Tom Morris enrichit ses posts avec h-entry (exemple)
• Beaucoup de nouvelles specs du W3C specs, par ex.
  • CSS Values and Units Module Level 3 - 2013-04-04
  • CSS Conditional Rules Module Level 3 - 2013-04-04
  • CSS Paged Media Module Level 3 - 2013-03-14
  • CSS Counter Styles Level 3 - 2013-02-21
• SemPress est un thème WordPress qui supporte h-card, h-feed/h-entry.
• The Pastry Box Project utilise le marquage h-card et h-entry sur sa page d'accueil et les pages indivdiuelles de réflexion
• Aaron Parecki utilise h-entry pour enrichir les notes, par ex. 2012/230/reply/1.
• Tantek Çelik utilise h-entry sur sa page d'accueil, tout comme h-entry sur tous les permaliens de ses posts, par ex. 2012-243 post, avec rel-prev/rel-next (si applicable) pour indiquer les posts précédents/suivants
• Barnaby Walters utilise h-entry sur toutes les notes et articles, tout comme les imbrications dans les notes comme contextes de réponse exemple et commentaires exemple.

Validation

Article principal: validators-fr

Testez et validez votre marquage avec :

• http://waterpigs.co.uk/php-mf2/ - entrez directement votre marquage
• http://pin13.net/ - entrez une URL vers une page à tester là où cela dit "Microformats Parser"

Rétro-compatibilité

Compatibilité Éditeur

Pour la compatibilité arrière, vous pouvez vouloir utiliser les noms de classes classiques hAtom en plus des propriétés h-entry à venir, par exemple :

<div class="h-entry hentry">
  <h1 class="p-name entry-title">Mon billet de blog génial</h1>
</div>

Compatibilité Parseurs

Les parseurs microformats devraient détecter les propriétés classiques et les parser comme des propriétés microformats2. Si un "h-entry" est trouvé, ne pas chercher un "hentry" sur le même élément.

Le nom de classe racine compatible : hentry
Propriétés : (parsées comme p- plein texte à moins qu'autre chose ne soit spécifié) :

• entry-title - parser comme p-name
• entry-summary - parser comme p-summary
• entry-content - parser comme e-content
• published - parser comme dt-
• updated - parser comme dt-
• author - comprenant la racine compatible vcard en l'absence de h-card
• category
• geo - parser comme p-geo h-geo comprenant la racine compatible geo
• latitude
• longitude

Historique

Ce travail est basé sur le microformat existant hAtom, et le selfdogfooding complet dans la communauté indie web camp.

Principes de Design

(ébauche à compléter)

Voir aussi

• microformats2
• microformats2-parsing
• h-geo-frh-geo
• hCard