95 lines
4.7 KiB
HTML
95 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Microformats: on commence
|
||
petit - lespiedsdanslecode.org</title>
|
||
<meta name="DC.title" content="lespiedsdanslecode.org, site de Yannick François aka yaf (ou ya_f)."/>
|
||
<meta name="description" content="Le site de Yannick François. Développeur Senior, Responsable Produit, Pédagogue. Je travail chez Pix"/>
|
||
<meta name="keywords" content="code, développement, programmation, apprentissage, apprendre, lean, agile, logiciel, tdd, objet, refactoring, libre, creative commons, linux, unix"/>
|
||
<meta name="author" content="Yannick François, https://lespiedsdanslecode.org"/>
|
||
<meta name="designer" content="Yannick François, https://lespiedsdanslecode.org"/>
|
||
<meta name="geo.placename" content="Le Faouët, Pontivy, Morbihan, Bretagne, France métropolitaine, 56320, France"/>
|
||
<meta name="robots" content="index,follow" />
|
||
<meta name="language" content="French" />
|
||
<meta name="HandheldFriendly" content="True" />
|
||
<meta name="MobileOptimized" content="320" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
|
||
<link rel="index" title="Yannick François / Développeur / Pédagogue" href="index.html" />
|
||
<link rel="alternate" type="application/rss" href="/feed.xml" title="lespiedsdanslecode.org/feed" />
|
||
<style>
|
||
body {
|
||
font-size:16pt;
|
||
max-width:42rem;
|
||
min-width: 18rem;
|
||
margin: 1em;
|
||
color: black;
|
||
background: white;
|
||
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
|
||
}
|
||
a { color: darkred; }
|
||
a:hover { background: gold; }
|
||
a:visited, a:active { color: dimgrey; }
|
||
nav { text-align:center; font-size:smaller; padding: 0; margin: 0; }
|
||
nav li { list-style-type: none; }
|
||
h2 > a, h2 > a:active, h2 > a:visited { color: lightgrey; text-decoration:none;}
|
||
h2 > a:hover { color: black; text-decoration:underline }
|
||
|
||
@media (max-width: 1000px) { #portrait {display:none;} }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<article>
|
||
<h1>Microformats: on commence petit</h1>
|
||
<p>Depuis le temps que je les observent du coin de l’oeil, il
|
||
fallait que je passe le pas.</p>
|
||
<p>Etant en train de travailler sur un nouveau design, j’en ai
|
||
profité pour reprendre quelque éléments de la barre de menu.</p>
|
||
<p><strong>Mais les microformats c’est quoi ?</strong></p>
|
||
<p>D’autre l’expliquent déjà depuis bien longtemps. Je suis loin
|
||
de connaitre parfaitement le sujet, mais je m’y met. En guise de
|
||
point de départ pour en savoir plus, je vous colle ici la première
|
||
phrase de l’“article de wikipedia sur les
|
||
microformats”:http://fr.wikipedia.org/wiki/Microformats</p>
|
||
<blockquote>
|
||
<p>Les microformats sont un langage de balisage qui permet
|
||
l’expression de la sémantique dans une page web HTML (ou XHTML).
|
||
Les programmes peuvent extraire du sens à partir d’une page web
|
||
qui est balisée avec des microformats.</p>
|
||
</blockquote>
|
||
<p>D’autres informations sont disponibles sur le site des <a
|
||
href="http://microformats.org/">microformats</a>. Très
|
||
enrichissant.</p>
|
||
<p>Plusieurs blogs que je lit régulièrement mon amené a réfléchir
|
||
sur le sujet, même si je suis loin d’approcher à une conclusion
|
||
complète. Je vous conseil leur lecture pour compléter tout ça.</p>
|
||
<ul>
|
||
<li><a href="http://lespetitescases.net/index355">Les petites
|
||
cases</a></li>
|
||
<li><a
|
||
href="http://fredericdevillamil.com/tag/microformats">Frederic de
|
||
Villamil</a></li>
|
||
<li><a
|
||
href="http://www.biologeek.com/journal/index.php/Web-semantique">David
|
||
Biologeek</a></li>
|
||
<li><a href="http://www.christian-faure.net/">Christian
|
||
Faure</a></li>
|
||
</ul>
|
||
<p>Il en existe sûrement plein d’autres.</p>
|
||
<p>Les microformats et le web sémantique sont-ils bon ou pas pour
|
||
le web en général ? Je n’en sait rien pour le moment. Toujours
|
||
est-il que faire une <em>hcard</em> dans la barre de menu ne m’a
|
||
pas demandé beaucoup d’effort, et permet a divers outils de traité
|
||
mes données personnels plus facilement.</p>
|
||
<p>Je commence petit, j’espère continuer tant que rien ne me fait
|
||
penser que c’est idiots, stupide ou inutile.</p>
|
||
<p><em>Il n’y a pas mon adresse complète, je préfère recevoir des
|
||
mails plutôt que du courrier :-). C’est juste pour me situé
|
||
géographiquement. De même je préférerais que l’on me contact via
|
||
<a href="http://www.jabberfr.org/">Jaber</a> (<a
|
||
href="http://fr.wikipedia.org/wiki/Jabber">article de wikipedia
|
||
sur jabber</a> )</em></p>
|
||
</article>
|
||
</body>
|
||
</html>
|