oriolrius.cat

Des del 2000 compartiendo sobre…

Tag: xhtml

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.