5568 sujets

Sémantique web et HTML

Bonjour à toutes et tous Smiley cligne

Etant en plein développement d'un site internet, je voudrais rajouter un peu de sémantique aux coordonnées de contact présentes sur la page contact du site.

J'ai donc bien entendu pensé aux microformats, mais quelques points ne sont pas encore bien clair pour moi, je vous explique.

Pour me simplifier la vie, j'ai utilisé un doctype HTML5, mais je n'ai pas à proprement parlé utilisé de balises HTML5.

Que faut-il que je mette en place, des microformats simples ou des microformats HTML5 ( ils s'appellent microdata si j'ai bien compris ) ?

J'ai évidemment lu ce tutoriel : http://www.alsacreations.com/tuto/lire/1213-microformats-introduction.html

Je vous remercie par avance et te vous souhaite une excellente journée.

Cordialement

Marc
Modifié par marc.suisse (16 Mar 2012 - 08:04)
Administrateur
Microdata a le vent en poupe et est déjà exploité par la plupart des "grands moteurs" de recherche.
Je me permets encore une petite question, je viens de mettre les microdata en place, voilà ce que cela donne :

<div id="colonne">
	<img src="images/telephone.png" alt="illustration d'un téléphone"/>
	  <div itemscope itemtype="http://schema.org/Organization">
	    <h2 class="titre_coordonnees"> <span itemprop="name">Orangedrink</span></h2>
	        <ul class="liste_contact">
			   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
		          <li><span itemprop="streetAddress">Rue du Valentin 12</ span></li>
		          <li><span itemprop="postalCode">1004 Lausanne</span></li>
			   </div>
		          <li><span itemprop="telephone">Bureau +41 (0)21/311.61.68 </span></li>
		          <li><span itemprop="telephone">Mobile +41 (0)78/773.94.20</span></li>
		          <li><span itemprop="email">principessa@orangedrink.ch</span></li>
	         </ul>
	   </div>
	<img src="images/secretaire.png" alt="photo de la secrétaire"/>
</div>


Est-ce que cela vous semble correct ?
Je ne vais pas analyser tes microdatas, mais il y a déjà une erreur html: ul ne peut contenir que des li et pas des divs.
Salut, merci de ton aide Smiley cligne

Je me demande si on est vraiment obligé de mettre ce texte dans un div, on ne pourrait pas faire comme ça ?

<ul itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="liste_contact">


Je vais autrement regarder comment mettre en place des microdatas dans une liste à puces.