[RESOLVED] Microformats and hCards

[NoteMe]

Before I start explaining the whole problem. Anyone know anything about them?


- ØØ -

[ComputerJy]

If you don't know (http://microformats.org/about/)

[Hack]

hCards (http://microformats.org/wiki/hcard)

[ComputerJy]

hCards (http://microformats.org/wiki/hcard)
they're in the same website, I didn't find it necessary to give the link ;)

[NoteMe]

I KNOW what it is. I was wondering if anyone else knew. I have read the wikis up and down. But there is still questions about what is legal or not from my side.

Like if I have this hCard:

<div class="vcard" id="hcard">
<img class="photo" src="http://www.noteme.com/images/div/oyvind-ostlund.jpg" alt="photo" />
<a class="url fn" href="http://www.noteme.com">
<span class="given-name" lang="no">&Oslash;yvind</span>
<span class="family-name" lang="no">&Oslash;stlund</span>
</a>
<b>E-mail:</b> <span class="email">oyvind(at)noteme(dot)com</span>
<div class="org">CERN</div>
<span class="title">Technical Student</span>
<b>Address:</b>
<div class="adr">
<div class="street-address">Ch Francoiss Lehmann 14</div>
<span class="region">Gd. Saconnex</span>
<span class="postal-code">1218</span>
<span class="country-name">Switzerland</span>
</div>
<b>Phone numbers:</b>
<span class="tel">
<span class="type">Cell</span>phone Switzerland:
<span class="value">+41 79 44 86 418</span>
</span>
<span class="tel">
<span class="type">Cell</span>phone Norway:
<span class="value">+47 9969 1888</span>
</span>
<b>Birthday:</b> <abbr class="bday" title="1981-12-07">7th December 1981</abbr>
</div>


Am I allowed to add a div around lets say these two entries?

<div class="org">CERN</div>
<span class="title">Technical Student</span>


Or will that break the hCard?


- ØØ -

[penagate]

AFAICT only the classes/IDs are used to construct the vCard data, so I'd say yes you can.

[penagate]

Have a look at the source of the About page on Pixel Envy (http://www.pixelenvy.co.uk/about.html) which is listed as an hCard example. They have <div>'s everywhere.

[NoteMe]

Good, looks like it work in the Tail extension too. So then I guess you are right. That should make the question in the CSS section redundant. Will fix this after lunch..:)


- ØØ -

[NoteMe]

Works like a charm...:) http://www.noteme.com/contact.php At least if you don't have too big font..:)


- ØØ -

[NoteMe]

Ohh...sweet, by searching for CERN at microformats. http://kitchen.technorati.com/search?s=cern I found my self, and guess who. Håkon Wium Lie (http://www.webstandards.org/about/members/howcome/) . Sweet.


- ØØ -