Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Auteur
okono251
#
Citer
5 Posts
Bonjour,

<section  itemscope itemtype="http://microformats.org/profile/hcard">
    <h1 itemprop="fn org">Le titre de mon établissement</h1>
	<div itemprop="tel" itemscope>
      <p itemprop="work">00237 22064924</p>
	  <p itemprop="cell">00237 99064924</p>
	  <p itemprop="fax">00237 22064926</p>
	</div>
	<p>Email : <a  itemprop="email" href="mailto:monetablissement@monsite.com">Nous écrire</a></p>
	<p><a itemprop="url" href="http://www.monsite.com">Aller sur le site</a></p>
    <div itemprop="adr" itemscope>
      <p>BP. : <span itemprop="post-office-box">12345</span> <span itemprop="locality">Yaoundé</span> - <span itemprop="country-name">Cameroun</span></p>
    </div>
    <div itemprop="geo" itemscope>
      <p>Latitude : <span itemprop="latitude">11.22222</span></p>
      <p>Longitude : <span itemprop="longitude">-12.6666</span></p>
    </div>
	<p>Catégorie : <span itemprop="category"><a href="#" rel="tag">Hôtel</a></span></p>
</section>

Comment trouvez-vous cette organisation (HTML5/Microdonnées)?
En outre, je souhaite devant chaque numéro de téléphone ajouter des labels de cette manière :

Tél. Fixe: 00237 22064924
Tél. mobile: 00237 22064924


Comment faire ?

Merci d'avance...

^
fvsch
#
Citer
20100 Posts
Je ne connais pas vraiment la spec (WD HTML5 du W3C sur microdata, qui inclue une définition d'un vocabulaire hcard) donc je n'ai pas regardé de près si les attributs et valeurs utilisées sont correctes.

Par contre:
- Tu ne fais pas apparaitre certaines informations textuelles qui seraient utiles à la lecture.
- Tu fais apparaitre des informations peu exploitables directement (latitude et longitude), là où il y aurait peut-être moyen de les fournir comme métadonnées (avec un élément META il me semble, mais je connais mal microdata).

Pour le premier problème, qui correspond d'ailleurs à une question que tu poses, tu peux faire quelque chose comme ceci:
<div itemprop="tel" itemscope>
  <p>
    <abbr title="Téléphone">Tél.</abbr> fixe:
    <span itemprop="work">00237 22064924</span>
  </p>
  <p>
    <abbr title="Téléphone">Tél.</abbr> mobile:
    <span itemprop="cell">00237 99064924</span>
  </p>
  <p>
    Fax:
    <span itemprop="fax">00237 22064926</span>
  </p>
</div>


http://fvsch.com 
^