2009-12-11 2 views

Répondre

11

Utilisez un microformats vCard

<div class="vcard"> 
    <span class="fn">Gregory Peck</span> 
    <a class="org url" href="http://www.commerce.net/">CommerceNet</a> 
    <div class="adr"> 
    <span class="type">Work</span>: 
    <div class="street-address">169 University Avenue</div> 
    <span class="locality">Palo Alto</span>, 
    <abbr class="region" title="California">CA</abbr> 
    <span class="postal-code">94301</span> 
    <div class="country-name">USA</div> 
    </div> 
    <div class="tel"> 
    <span class="type">Work</span> +1-650-289-4040 
    </div> 
    <div class="tel"> 
    <span class="type">Fax</span> +1-650-289-4041 
    </div> 
    <div>Email: 
    <span class="email">[email protected]</span> 
    </div> 
</div> 

accesible: √
sémantique: Je suppose ..
SEO: √ Google announces support for microformats

Plus d'exemples à http://microformats.org/wiki/hcard-examples
Vérifiez également le Oomph Microformats toolkit qui vous aide à afficher et à consommer des microformats.

+0

Devons-nous écrire un fichier CSS pour toutes les classes dans mon fichier CSS? et en vcard où je peux mettre le nom de l'entreprise? et quel est l'avantage de la mise en forme comme ça? –

+0

Vous n'avez pas besoin d'ajouter toutes les classes, seulement celles qui vous aideront à l'afficher correctement. –

+4

@Jitendra Non. Les classes ne sont pas obligatoires pour avoir un style spécifié. – deceze

-3

<address> est exactement ce que vous cherchez.

http://www.w3.org/TR/html401/struct/global.html#h-7.5.6

+2

'address' n'est pas ** exactement ce que vous cherchez. 'address' est uniquement destiné à baliser les informations de contact concernant la page viewd en cours (comme les pages d'erreur par défaut d'Apache 404 et la ligne" Apache XX at ... " – Boldewyn

+1

Les spécifications du W3C:> L'élément ADDRESS peut être utilisé par les auteurs pour fournir des informations de contact pour un document Ce n'est pas "destiné uniquement" Je pense que la partie la plus importante est "fournir des informations de contact", et c'est ce que vous devriez vouloir lorsque vous fournissez une adresse. –

+2

from HTML 5 Spec: L'élément'address' ne doit pas être utilisé pour représenter des adresses arbitraires (par exemple, des adresses postales), à moins que ces adresses ne soient en fait les informations de contact pertinentes http: //dev.w3. org/html5/spec/Overview.html # l'élément-adresse –

Questions connexes