Question Quelles balises HTML5 sont les plus appropriées pour l'argent?


Si vous deviez choisir correctement l'un de ces Balises HTML5 pour représenter un prix, un montant en argent ou un solde de compte (par ex. 3/9/2012 - Income: 1.200,00 € ou item #314159 - price: $ 31,99) puis

  • quelle étiquette choisiriez-vous pour le montant et pourquoi?
  • la monnaie doit-elle également être emballée dans sa propre balise ou non?

Je voudrais vraiment éviter un élément en ligne générique comme <span class="income">1.200,00 €</span> ou <span class="price">$ 31,99</span> mais jusqu'ici je n'ai trouvé aucune référence à ce sujet.


31
2018-03-09 10:14


origine


Réponses:


le Spécification HTML pour var États:

L'élément var représente une variable. Cela pourrait être un réel   variable dans une expression mathématique ou un contexte de programmation, un   identifiant représentant une constante, un paramètre de fonction, ou simplement être un   terme utilisé comme un espace réservé en prose.

Pour moi, cela signifie que <var> ne convient pas pour les prix dans vos exemples. Cela dépend de ce que vous essayez d'accomplir, mais il semble que vos options sont les suivantes:

  1. Utiliser des microdonnées (ref), par exemple Schema.org offer vocabulaire pour le prix d'un produit
  2. Utilisation <b> si vous souhaitez attirer l'attention sur le prix sans l'indiquer plus important (ref)
  3. Utilisation <strong> si le prix est important, tel que le prix total d'un ticket de caisse détaillé
  4. Utilisation <span> avec une classe si vous avez besoin d'un élément pour styliser le prix différemment, mais <b> et <strong> ne sont pas appropriés
  5. Si rien ci-dessus ne convient et que vous ne voulez pas styliser le prix, ne rien faire

D'après les exemples que vous avez donnés, il ne semble pas nécessaire de baliser les prix. Si les exemples proviennent d'un tableau pour afficher des informations financières, assurez-vous qu'ils sont dans une colonne intitulée <th scope="col">Income</th> ou <th scope="col">Price</th> respectivement pour l'accessibilité.

J'espère que cela pourra aider!


31
2018-03-23 11:57



En regardant le Spécifications HTML5, il est assez clair qu'un prix n'est pas considéré comme une entité sémantique. Et je suis d'accord. Pensez-y de cette façon:

S'il y avait des éléments sémantiques, ce serait le résultat

<p>
   I have 4 apples, 2 oranges and <money>5 <currency>dollars</currency></money>.
</p>

Qu'est-ce qui fait que 5 dollars diffèrent de 2 oranges? Devrions-nous ajouter un <fruit> tag aussi?

quelle étiquette choisiriez-vous pour le montant et pourquoi?

UNE span avec un class, si vous voulez ajouter du CSS.
Parce que personne ne se soucie vraiment de la sémantique. C'est bien d'avoir, mais en réalité tout ce qui compte, c'est le style.

La devise doit également être emballée dans sa propre balise ou non?

Définitivement pas.

Je voudrais vraiment éviter un élément en ligne générique

Pourquoi?

Vous pouvez décider d'utiliser <i> si vous voulez exprimer la "nature spéciale de l'argent".

L’élément i représente une étendue de texte d’une voix ou d’une humeur différente, ou est décalé par rapport à la prose normale d’une manière qualité différente du texte, ...
http://dev.w3.org/html5/spec/the-i-element.html


14
2018-03-24 07:41



Qu'en est-il de <data>?

<p>The price is <data class="money" value="100.00">$100</data>.</p>

Selon le Spécification HTML5:

le data élément représente son contenu, avec une forme lisible par machine de ces contenus dans le valueattribut.

Lorsqu'il est combiné avec des microformats ou des microdonnées, l'élément sert à fournir à la fois une valeur lisible par une machine aux fins des processeurs de données et une valeur lisible par l'homme aux fins du rendu dans un navigateur Web. Dans ce cas, le format à utiliser dans l'attribut value est déterminé par les microformats ou le vocabulaire de microdonnées utilisés.

Dans ce cas, vous pouvez également utiliser microdonnées pour ajouter des informations supplémentaires sur le type de devise, etc.


8
2017-12-13 21:07



Je ne peux rien voir de plus sémantique que var non plus:

<var>1.200,00 <abbr title="EUR">€</abbr></var>

2
2018-03-09 10:48



J'utiliserais un liste de définition ici.

L'élément HTML (ou élément de liste de description HTML) renferme un   liste des paires de termes et descriptions. Utilisations courantes pour cet élément   mettre en œuvre un glossaire ou afficher des métadonnées (une liste de   paires clé-valeur).

<dl>
   <dt>Income:</dt>
   <dd>1.200,00 €</dd>
   <dt>Price:</dt>
   <dd>$31,99</dd>
</dl>

2
2017-08-22 17:13



Utilisez la balise var. Est décrit comme: "Variable ou texte défini par l'utilisateur"

<var> </var>

-3
2018-03-09 10:16