Hey all,
I am attempting to start using Microformats and as part of this i am starting to use hCard for some of the sites I am building.
Please consider the following code. I am having trouble with the Phone, fax, email area.
I would normally use a <dl> for this. Any ideas on how best to convert it to hCard. Maybe <ul> with spans?
<div class="vcard">
<h3 class="fn">My Name</h3>
<div class="adr">
<div class="street-address">123 Fake Street,</div>
<span class="locality">Melbourne</span>, <span class="region">Victoria</span>, <span class="postal-code">3000</span>
<div class="country-name">Australia</div>
</div>
<dl>
<dt>Phone :</dt><dd>(03) 9888 8888</dd>
<dt>Fax :</dt><dd>(03) 9888 8889</dd>
<dt>Email :</dt><dd><a href="" title="email me">[EMAIL PROTECTED]</a></dd>
</dl>
</div>
Also, should we use <address class="vcard"> for this?
Thanks
James Oppenheim
http://www.oppenheim.com.au
I am attempting to start using Microformats and as part of this i am starting to use hCard for some of the sites I am building.
Please consider the following code. I am having trouble with the Phone, fax, email area.
I would normally use a <dl> for this. Any ideas on how best to convert it to hCard. Maybe <ul> with spans?
<div class="vcard">
<h3 class="fn">My Name</h3>
<div class="adr">
<div class="street-address">123 Fake Street,</div>
<span class="locality">Melbourne</span>, <span class="region">Victoria</span>, <span class="postal-code">3000</span>
<div class="country-name">Australia</div>
</div>
<dl>
<dt>Phone :</dt><dd>(03) 9888 8888</dd>
<dt>Fax :</dt><dd>(03) 9888 8889</dd>
<dt>Email :</dt><dd><a href="" title="email me">[EMAIL PROTECTED]</a></dd>
</dl>
</div>
Also, should we use <address class="vcard"> for this?
Thanks
James Oppenheim
http://www.oppenheim.com.au
Be one of the first to try Windows Live Mail.
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
