Microformats – afegint semàntica a les nostres webs
Reading time: 6 – 10 minutes
Després de força temps sense veurens en persona, ahir vaig passar quasi tot el dia amb l’Ernest. Varem tenir molta feina actualitzant-nos de mil i un temes personals, professionals i de tot tius. En una de les les nostres converces va sortir el tema dels microformats. De fet, el tema em sonava però no tenia ni idea de que anava i realment ho vaig trobar molt bona idea, sobretot de cara a fer més potents a nivell semantic els nostres continguts en format xHTML.
Una petita descripció de què és això dels microformats podria ser la que donen a un bon article que vaig trobar de casualitat Add microformats magic to your site (local).
Els microformats són:
- simples
- basats en HTML
- dades amb format
- basats en formats ja existents
- basats en pràctiques ja habituals pels creadors de continguts
l’objectiu és afegir un sentit semàntic als continguts web actuals, i permetre la millor intereacció amb serveis descentralitzats:
- sense perdre compatibilitat amb els navegadors
- ni les eines de desenvolupament
- sense requerir nous coneixements als desenvolupadors
Tot això que sona tan extrany seria tan senzill, per exemple, com quan en el nostre blog ens referim a una direcció postal encomptes d’usar aquest possible codi:
<div> <p>Oriol Rius</p> <p>movilpoint new concept,s.l.</p> <p>oriol@movilpoint.com</p> <p>Passeig Ferrocarrils Catalans, 117 oficina 9</p> <p>Cornellà de Llobregat</p> <p>Barcelona</p> <p>08940</p> <p>Tlf. +34 93 470 90 80</p> </div>
Doncs si escribissim el mateix codi respectant la sintaxis del microformat anomenat hCard:
<div class="vcard"> <a class="url fn" href="http://www.movilpoint.com">Oriol Rius</a>4 <div class="org">movilpoint new concept,s.l.</div> <a class="email" href="mailto:oriol@movilpoint.com">oriol@movilpoint.com</a> <div class="adr"> <div class="street-address">Passeig Ferrocarrils Catalans, 117 oficina 9</div> <span class="locality">Cornellà de Llobregat</span> <span class="region">Barcelona</span> <span class="postal-code">08940</span> </div> <div class="tel">+34 93 470 90 80</div> </div>
Com ja he comentat lo bo és que això serà interpretat com una vCard per les aplicacions de tercers que suportin el microformat hCard, per exemple, google, zimbra, etc.
