Discussion :

[Vifouz]

Bonjour à tous,

Je me tourne vers vous car je suis souvent face à un cas dans lequel je ne sais trop comment réagir afin de respecter la sémantique.

Voici le cas en question :
Il arrive régulièrement qu'on est un intitulé pour uniquement une donnée en réponse. Est-ce bien claire ?!?
Je vais vous illustrer le cas par un exemple se sera bien plus simple
Par exemple, je souhaite afficher le prix HT, la TVA et le prix TTC pour chaque produit d'un site de e-commerce.
Par habitude, je le ferais de cette manière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<table>
	<tr>
		<th>Prix HT :</th>
		<td>10,00 €</td>
	</tr>
	<tr>
		<th>TVA 19,6% :</th>
		<td>1,19 €</td>
	</tr>
	<tr>
		<th>Prix TTC :</th>
		<td>11,19</td>
	</tr>
</table>

Mais est-il vraiment nécessaire et correct au niveau de la sémantique?
Je pourrais aussi utiliser une liste de définition avec un float pour les dt

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<dl>
	<dt>Prix HT :</dt>
	<dd>10,00 €</dd>
	<dt>Prix TTC</dt>
	<dd>11,19</dt>
</dl>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
dt {
float: left;
}

A votre avis lequel est le plus adapté pour ces situations ?
Voilà ma question existentielle

Je remercie d'avance tout ceux qui prendront un peu de temps à me répondre

[RomainVALERI]

Ta question est intéressante ^^

d'un côté, effectivement les dl/dt/dd sont bien adaptés à une liste de couples "propriété-valeur",

d'un autre côté, les tableaux, qui sont un peu "pestiférés" depuis ces dernières années et les nouvelles pratiques du "web 2.0", en tout cas pour la mise en page, sont en revanche comme leur nom l'indique faits pour afficher des données tabulaires, ce qui me semble être le cas pour le besoin que tu décris... ^^

Ma réponse te sera donc à la fois claire et très utile : sémantiquement parlant, les deux me semblent convenir aussi bien

[Vifouz]

Merci pour ta réponse