[RESOLVED] Microformats and hCards

[NoteMe]

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


- ØØ -

[ComputerJy]

If you don't know

[Hack]

hCards

[ComputerJy]

hCards

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 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 . Sweet.


- ØØ -