Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>RDFa et HTML5 (vs. microformats et XHTML2) — Biologeek — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20080826-rdfa-et-html5-vs-microformats-et-xhtml2">
  28. </head>
  29. <body>
  30. <div>
  31. <header>
  32. <nav>
  33. <p>
  34. <small>
  35. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  36. </small>
  37. </p>
  38. </nav>
  39. </header>
  40. <section>
  41. <h1 property="schema:name">RDFa et HTML5 (vs. microformats et XHTML2)</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <p>J'étais en train de me renseigner sur le sujet lorsque je suis tombé sur <a href="http://blog.digitalbazaar.com/2008/08/23/html5-rdfa-and-microformats/">un retour d'expérience</a> que je trouve très intéressant, notamment en ce qui concerne le <a href="http://microformats.org/wiki/process">processus de création d'un microformat</a> et le temps qu'il faut pour arriver au bout.</p>
  45. <p>Le pire dans tout ça ? <strong>Je n'ai toujours pas trouvé comment intégrer du RDFa dans du HTML5</strong>. Et c'est là où je regrette un truc qui commence par X et qui finit par 2... on peut difficilement construire le web en ayant une vision à court terme.</p>
  46. </div>
  47. </article>
  48. <footer>
  49. <h6 property="schema:datePublished">— 26/08/2008</h6>
  50. </footer>
  51. </section>
  52. <section>
  53. <div>
  54. <h3>Articles peut-être en rapport</h3>
  55. <ul>
  56. <li><a href="/david/biologeek/archives/20080823-documenter-son-code-en-rdf/" title="Accès à Documenter son code en RDF">Documenter son code en RDF</a></li>
  57. <li><a href="/david/biologeek/archives/20080821-meilleur-client-ssh-sur-iphone/" title="Accès à Meilleur client SSH sur iPhone ?">Meilleur client SSH sur iPhone ?</a></li>
  58. <li><a href="/david/biologeek/archives/20080820-conseils-pour-une-bonne-relation-client-freelance/" title="Accès à Conseils pour une bonne relation client/freelance">Conseils pour une bonne relation client/freelance</a></li>
  59. </ul>
  60. </div>
  61. </section>
  62. <section>
  63. <div id="comments">
  64. <h3>Commentaires</h3>
  65. <div class="comment" typeof="schema:UserComments">
  66. <p class="comment-meta">
  67. <span class="comment-author" property="schema:creator">Yoan</span> le <span class="comment-date" property="schema:commentTime">27/08/2008</span> :
  68. </p>
  69. <div class="comment-content" property="schema:commentText">
  70. <p>Il y a bien ceci, <a href="http://ejohn.org/blog/html-5-data-attributes/#comment-318889">http://ejohn.org/blog/html-5-data-attributes/#comment-318889</a> mais ça reste maigrichon et un peu trop expérimental à mon goût.</p>
  71. <p>Sinon ça trolle toujours à propos de RDFa, <a href="http://lists.w3.org/Archives/Public/www-archive/2008Aug/0106.html">http://lists.w3.org/Archives/Public/www-archive/2008Aug/0106.html</a> mais bon, on n&#39;est plus à ça prêt ;-)</p>
  72. <p>« RDFa, mais pourquoi faire? » « C&#39;est ton destin ! »</p>
  73. </div>
  74. </div>
  75. <div class="comment" typeof="schema:UserComments">
  76. <p class="comment-meta">
  77. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">27/08/2008</span> :
  78. </p>
  79. <div class="comment-content" property="schema:commentText">
  80. <p>&quot;The other major scalability limitation of Microformats, that is not going to be fixed, is the issue of vocabulary term collisions. Microformats do not have namespaces and in fact, namespaces are considered harmful in the Microformats community.&quot;</p>
  81. <p>Y&#39;a pas que la communauté des Microformats, y&#39;a aussi les WHAT qui les considèrent harmful. Y&#39;a qu&#39;à voir comment Sivonen pisse à la raie des namespaces à chaque fois qu&#39;il le peut.</p>
  82. </div>
  83. </div>
  84. <div class="comment" typeof="schema:UserComments">
  85. <p class="comment-meta">
  86. <span class="comment-author" property="schema:creator">karl dubost, w3c</span> le <span class="comment-date" property="schema:commentTime">27/08/2008</span> :
  87. </p>
  88. <div class="comment-content" property="schema:commentText">
  89. <p>Intégrer RDFa dans HTML 5. Tu peux le faire déjà sans aucun problème dans XHTML5 (application/xhtml+xml), la discussion pour savoir si c&#39;est acceptable dans la sérialisation text/html se passe en ce moment même.</p>
  90. <p>Pour indication, tous les processeurs RDFa acceptent le tag soup qui contient du RDFa, donc ce n&#39;est pas un problème.</p>
  91. </div>
  92. </div>
  93. <div class="comment" typeof="schema:UserComments">
  94. <p class="comment-meta">
  95. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">27/08/2008</span> :
  96. </p>
  97. <div class="comment-content" property="schema:commentText">
  98. <p>@Yoan : merci pour les liens, je suis d&#39;accord avec toi pour le premier !</p>
  99. <p>@Damien B : pourtant vu la complexité du problème ça me semble quasi inévitable...</p>
  100. <p>@karl dubost, w3c : merci pour ces précisions, et pour le billet <a href="http://www.w3.org/QA/2008/08/make-web-friendly-data-rdfa.html">http://www.w3.org/QA/2008/08/make-web-friendly-data-rdfa.html</a> :-)</p>
  101. <p>Bon plus qu&#39;à coder alors.</p>
  102. </div>
  103. </div>
  104. <div class="comment" typeof="schema:UserComments">
  105. <p class="comment-meta">
  106. <span class="comment-author" property="schema:creator">Cédric</span> le <span class="comment-date" property="schema:commentTime">27/08/2008</span> :
  107. </p>
  108. <div class="comment-content" property="schema:commentText">
  109. <p>J&#39;ai trouvé la présentation suivante (par Gautier Poupeau) très bien faite avec des couleurs et des exemples concrets: <a href="http://www.slideshare.net/lespetitescases/a-la-dcouverte-du-web-smantique/">http://www.slideshare.net/lespetitescases/a-la-dcouverte-du-web-smantique/</a></p>
  110. </div>
  111. </div>
  112. <div class="comment" typeof="schema:UserComments">
  113. <p class="comment-meta">
  114. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">27/08/2008</span> :
  115. </p>
  116. <div class="comment-content" property="schema:commentText">
  117. <p>@Cédric : oui j&#39;aime bien aussi la présentation de Gautier par contre je vois pas trop le rapport avec HTML5 et RDFa...</p>
  118. </div>
  119. </div>
  120. <div class="comment" typeof="schema:UserComments">
  121. <p class="comment-meta">
  122. <span class="comment-author" property="schema:creator">Got</span> le <span class="comment-date" property="schema:commentTime">01/09/2008</span> :
  123. </p>
  124. <div class="comment-content" property="schema:commentText">
  125. <p>Même si on peut faire du RDFa avec HTML 5 (grâce à XHTML 5), cela ne me fera pas sortir de la tête l&#39;idée que HTML 5 est un non sens absolu du point de vue de la structuration des pages Web, alors que XHTML 2 était un véritable aboutissement...</p>
  126. </div>
  127. </div>
  128. <div class="comment" typeof="schema:UserComments">
  129. <p class="comment-meta">
  130. <span class="comment-author" property="schema:creator">philippe</span> le <span class="comment-date" property="schema:commentTime">16/09/2008</span> :
  131. </p>
  132. <div class="comment-content" property="schema:commentText">
  133. <p>@GOT: XHTML2 n&#39;est pas enterré. Croisons juste les doigts pour qu&#39;il soit implémenté dans les principaux navigateurs.</p>
  134. </div>
  135. </div>
  136. <div class="comment" typeof="schema:UserComments">
  137. <p class="comment-meta">
  138. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">28/09/2008</span> :
  139. </p>
  140. <div class="comment-content" property="schema:commentText">
  141. <p>@Got : je suis, tu t&#39;en doutes, de ton avis. Ce qui m&#39;inquiète le plus c&#39;est que la réponse de Ian Hickson liée par Yoan montre son ignorance dans ce domaine. Heureusement Manu Sporny a pris le temps de répondre de manière très détaillée et pertinente :<br /><a href="http://lists.w3.org/Archives/Public/www-archive/2008Aug/0116.html">http://lists.w3.org/Archives/Public/www-archive/2008Aug/0116.html</a><br /><a href="http://lists.w3.org/Archives/Public/www-archive/2008Aug/0117.html">http://lists.w3.org/Archives/Public/www-archive/2008Aug/0117.html</a></p>
  142. <p>Mais bon vu le rôle de Ian je trouve ça vraiment préoccupant qu&#39;il n&#39;ait pas assimilé les concepts et les applications de RDFa...</p>
  143. <p>@Philippe : euh, déjà qu&#39;ils implémentent rarement tout ce qui est spécifié je crois que tu rêves là :-) Il ne faut pas oublier que l&#39;on ne peut utiliser que l&#39;intersection de ces implémentations en pratique.</p>
  144. </div>
  145. </div>
  146. <div class="comment" typeof="schema:UserComments">
  147. <p class="comment-meta">
  148. <span class="comment-author" property="schema:creator">Got</span> le <span class="comment-date" property="schema:commentTime">29/09/2008</span> :
  149. </p>
  150. <div class="comment-content" property="schema:commentText">
  151. <p>@David : Ce sont deux mondes différents, d&#39;un côté des spécialistes des données et de l&#39;autre des développeurs. Les deuxièmes considèrent bien souvent les premiers comme des empêcheurs de tourner en rond qui ne servent à rien. A l&#39;inverse, les premiers pensent que les seconds ne comprendront jamais rien à leur boulot. C&#39;est évidemment une erreur, les deux ont besoin l&#39;un de l&#39;autre et devraient travailler ensemble.</p>
  152. <p>Mais, comme les développeurs ne comprennent pas le monde des données et ne cherchent pas le comprendre, le dialogue est bien souvent impossible (c&#39;est le cas ici), prétextant bien souvent la complexité. Ce problème a abouti à la création des microformats (Tantek n&#39;aimait pas RDF et trouvait cela trop compliqué) et, aujourd&#39;hui, à HTML 5 alors que XHTML 2 constituait un aboutissement vraiment intéressant.</p>
  153. <p>Or, comme l&#39;a expliqué Eric van der Vlist, HTML 5 fait passer au Web d&#39;applications et c&#39;est bien dommage, car cela limite considérablement les possibilités futures. Il aurait fallu que l&#39;idée de séparation entre la forme et le fond soit aussi appliqué à la séparation entre les données et l&#39;aspect applicatif et que ceux qui se disent spécialistes des standards du Web (soit CSS et XHTML) n&#39;oublient pas cette règle de base...</p>
  154. <p>Bref, je trouve moi aussi très dommageable, mais ce n&#39;est pas si étonnant que cela.</p>
  155. </div>
  156. </div>
  157. </div>
  158. </section>
  159. <footer>
  160. <nav>
  161. <p>
  162. <small>
  163. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  164. </small>
  165. </p>
  166. </nav>
  167. </footer>
  168. </div>
  169. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  170. <script data-no-instant>InstantClick.init()</script>
  171. </body>
  172. </html>