[RESOLVED] Microformats and hCards

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


- ØØ -

If you don't know

hCards

Quote:

---

Originally Posted by Hack

hCards

---

they're in the same website, I didn't find it necessary to give the link ;)

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:

Code:

---

<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?

Code:

---

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

---

Or will that break the hCard?


- ØØ -

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

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.

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..:)


- ØØ -

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


- ØØ -

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.


- ØØ -