Comment dit-on euro en HTML ?

Comment écrire ce nouveau caractère spécial encore peu compatible ?

22 août 2002,
par Romy Têtue

Mots-clefs associés à cet article :

Depuis l’avènement de l’euro, on trouve des trous dans les pages Web, où l’on devine qu’aurait dû s’y afficher le symbole de cette nouvelle monnaie. Mais où se cache donc l’euro ?

Avant, avec le franc, c’était excessivement simple, puisqu’une simple lettre alphabétique « F » suffisait. Les autres monnaies telles que le Dollar, la Livre ou le Yen, sont chacune symbolisées par un caractère spécial qui a depuis longtemps sa touche sur nos claviers d’ordinateur : « $ £ ¥ ». Mais l’Euro tout beau tout neuf [1], est lui aussi symbolisé par un caractère spécial, qui n’existe pas encore dans toutes les polices de caractères, et qui n’est pas décodé par tous les navigateurs. D’où les trous dans les pages Web.

Rappel des notations officielles

  1. Normalement vous devriez employer le mot « euro », sans majuscule, s’accordant au pluriel, et se traduisant dans la langue du pays (par exemple : « 12 euros » en Français comme en Anglais, « 12 Euro » en Allemand et « 12 euroa » en Finlandais).
  2. L’abbréviation officielle est « EUR ». Enregistrée auprès de l’ISO, elle est employée dans le trafic bancaire international (à l’instar des abbréviations FRF, DEM, GBP, ou BEF). N’utilisez surtout pas la lettre « e » seule, qui est une notation mathématique désignant la fonction exponentielle !
  3. Le symbole, utilisé depuis 1996, est inspiré de la lettre grecque epsilon « ε » (qui renvoie au berceau de la civilisation européenne et à la première lettre du mot Europe) traversée par deux traits parallèles indiquant la stabilité de l’euro.
  4. Selon l’IBN, les symboles d’unités monétaires doivent se placer avant le montant, suivis d’un espace (exemple : « € 12,39 »), tandis que les sigles ISO se placent après, précédées d’un espace (exemple : « 12,39 EUR »). Ces abréviations ou symboles sont à réserver aux écrits commerciaux, comptables ou publicitaires.

Comment faire sur le Web ?

Il existe plusieurs méthodes pour afficher le signe euro sur le Web, plus ou moins correctes, qui sont présentées dans le tableau récapitulatif suivant.

Méthodes d’affichage du signe euro sur le Web
méthode syntaxe résultat remarques
entité html € 12,00 € 12,00 correct (depuis HTML 4.0), mais pas universellement supporté
valeur décimale € 12,00 € 12,00 correct (depuis HTML 4.0), mais pas universellement supporté
valeur hexadécimale € 12,00 € 12,00 théoriquement correct (depuis HTML 4.0), mais très peu compatible
référence numérique Microsoft € 12,00 € 12,00 incorrect : si ça fonctionne, c’est un coup de bol, n’en tenez pas compte ! [2]
image <img src="euro.gif" alt="euro"> 12,00 12,00 compatible (sauf navigateurs textuels), mais ne s’adapte pas aux variations de taille de police
texte 12,00 euro

12,00 EUR

12,00 euro

12,00 EUR

seule méthode compatible avec TOUS les navigateurs
  • Depuis la version 4.0 du HTML ; code ISO 8859-1 (ISO-Latin1), l’Euro dispose, comme tous les caractères spéciaux, d’un code HTML : il suffit d’écrire &euro; (ou encore &#8364; ou &#x20AC;) pour afficher un beau symbole, que voici : €. Toutefois ce code n’est pas interprété par tous les navigateurs (notamment ceux plus anciens).
  • Une solution alternative consiste à créer une petite image (le gif transparent suivant, par exemple : ) figurant le symbole de l’euro, à la taille de la police utilisée dans vos documents. Les images sont lues par tous les navigateurs... sauf lorsque l’internaute désactive la visualisation d’image. N’oubliez donc pas l’attribut alt="euro" !
  • Bref, la meilleure solution est encore d’écrire « euro » en toutes lettres. Cette méthode est effectivement la seule compatible avec tous les navigateurs.

Et les centimes d’euro ?

Un euro est divisé en 100 cents. En France, on pourra appeler « centime(s) » (sous-entendu d’euro) les centièmes d’euro dénommés officiellement « cent(s) » (« cent » se prononce comme l’adjectif numéral 100). Le terme « eurocent » n’est pas recommandé, même s’il est utilisé sur certaines pièces pour éviter la confusion avec celles en dollar américain.

On préférera noter : € 0,02 plutôt que 2 c.
Ne pas utiliser 2 ¢ qui désigne des centièmes de dollar !

Pour les montants accompagnés du symbole euro, on utilise toujours 2 décimales (quitte à rajouter un double zéro). Règle d’arrondi : si la 3ème décimale après la virgule est supérieure ou égale à 5, on arrondit la 2ème décimale au chiffre supérieur, sinon cette dernière est arrondie au chiffre inférieur.

Vos commentaires

  • Le 27 décembre 2010 à 14:52, par FLANDRIN En réponse à : Comment dit-on euro en HTML ?

    Vous dites que normalement euro s’accorde suivant la grammaire de chaque pays, 12 € en français donne 12 euros, en finlandais 12 euroa. Mais ne peut-on pas ecrire 12 euro en considérant le mot euro comme invariable parce qu’ européen, utilisé par les pays de l’UE et écrit par tous les européens de l’UE de la même façon ? Qu’en pensez-vous ?
    Jacques (avec un S, parce que c’est comme çà)

  • Le 27 décembre 2010 à 17:10, par Maïeul En réponse à : Comment dit-on euro en HTML ?

    A ma connaissance, en français, les mot d’origines étrangères s’accordent. Par exemple le mot bistrot est d’origine russe, mais on met un s à « des bistrots ».

    Je ne vois pas pourquoi sous prétexte que le mot « euro » est utilisé par plusieurs ont devrait ne pas respecter les règles d’accord.

    Après tout « metro » est utilisé en français et en russe, mais pourtant il est invariable en russe mais pas en français (ceci dit il est d’origine française).

  • Le 29 décembre 2015 à 09:38, par Chennorris En réponse à : Comment dit-on euro en HTML ?

    Petite précision : la division de l’euro est le centime. Le cent correspond quant à lui à la division du dollar. Le changement de monnaie franc français → euro a induit quelques mauvaises pratiques (la plus courante étant l’absence de liaison à l’oral : deux euros prononcé « deu heuro »), ne relayons pas ces erreurs de langages.

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Suivre les commentaires : RSS 2.0 | Atom