Comment écrire en HTML les lettres avec accents ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Anna Nilova, 27 Février 2008.

  1. Anna Nilova
    Anna Nilova Nouveau WRInaute
    Inscrit:
    8 Novembre 2007
    Messages:
    23
    J'aime reçus:
    0
    Bonjour,

    J'ai créé un site en français. Tous les fichiers sont encodés en UTF-8.
    En écrivant les textes en HTML, je ne remplaçais pas les lettres comme à, é, è, ù etc avec les codes spéciaux.
    Pourtant, ils sont tous bien visualisés une fois dans le web.
    Juste une petite chause me gène : le VALIDATOR TOOL me donne une alerte suivante:
    Byte-Order Mark found in UTF-8 File.
    The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported.

    Est-ce que ça peut être lié ?
    Si oui, comment doit-on écrire les textes en français en HTML ? Je croie que c'est trop dur de remplaçer chaque lettre accentuée avec un code à la main. Il devrait y avoir une méthode automatisée... Non ?
    Merci pour vos réponses.
     
  2. Dan_A
    Dan_A WRInaute discret
    Inscrit:
    21 Décembre 2005
    Messages:
    193
    J'aime reçus:
    0
    Il suffit ici de sauvegarder ses fichiers en utf-8 sans BOM (voir options de sauvegarde de l'éditeur).
     
  3. phloam
    phloam WRInaute passionné
    Inscrit:
    8 Avril 2005
    Messages:
    1 120
    J'aime reçus:
    1
  4. Vap
    Vap WRInaute impliqué
    Inscrit:
    17 Juin 2007
    Messages:
    983
    J'aime reçus:
    0
    Tu peux aussi utiliser charset=ISO-8859-1 au lieu de UTF-8. Tu peux utiliser directement les lettres accentuées dans ce cas.
     
  5. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    Ha, c'est nouveau?? c'est plutot l'inverse..en iso tu es obligé d'encoder les caratères spéciaux, pas en utf8
     
  6. darkjukka
    darkjukka WRInaute impliqué
    Inscrit:
    28 Avril 2007
    Messages:
    574
    J'aime reçus:
    0
    Si en UTF-8 il faut encoder tes caractères spéciaux.
     
  7. Vap
    Vap WRInaute impliqué
    Inscrit:
    17 Juin 2007
    Messages:
    983
    J'aime reçus:
    0
    Ben non c'est pas nouveau. Il y a plusieurs formats iso, et celui que je donne contient les lettre accentuées utilisées en français ... :

    http://www.validome.org/doc/HTML_fr/internationalisation/jeux_caracteres.htm
     
  8. Pandore
    Pandore WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 108
    J'aime reçus:
    0
    Ben oui, Vap a raison.

    En passant en charset=ISO-8859-1, il n'y a pas besoin d'encoder les caractères spéciaux comme les lettres accentuées puisque ça prend en compte les caractères type Europe de l'ouest (donc notre écriture inclue). :wink:
     
  9. Anna Nilova
    Anna Nilova Nouveau WRInaute
    Inscrit:
    8 Novembre 2007
    Messages:
    23
    J'aime reçus:
    0
    Mais ça marche très bien avec UTF-8 aussi. A quoi changer ?
    C'est le BOM qui me gène seulement.
     
  10. Vap
    Vap WRInaute impliqué
    Inscrit:
    17 Juin 2007
    Messages:
    983
    J'aime reçus:
    0
    Tu pose une question:

    J'y répond, c'est tout... Avec le jeux de caratère ISO latin1 (celui que je te conseille), il n'y a aucun des problèmes que tu te pose.

    Si la réponse ne te conviens pas, tant pis, mais elle est correcte quand même.
     
  11. Anna Nilova
    Anna Nilova Nouveau WRInaute
    Inscrit:
    8 Novembre 2007
    Messages:
    23
    J'aime reçus:
    0
    Pourriez-vous expliquer plus ?
    J'écris en Bloc Notes ; quand j'enregistre le Bloc Notes me permet de choisir le nom de fichier et le codage (ANSI, Unicode, Unicode big endian, UTF-8). C'est tout. Où chercher les options de sauvegarde qui permetteraient de sauvegarder sans BOM ?

    Merci
     
  12. Anna Nilova
    Anna Nilova Nouveau WRInaute
    Inscrit:
    8 Novembre 2007
    Messages:
    23
    J'aime reçus:
    0
    Cher Vap, je n'ai pas voulu te vexer, je suis désolée, pardonne-moi. Je voudrais juste comprendre : est-ce que le changement d'encodage en ISO latin1 rectifiera le souci avec BOM ? (parce que pour le reste c'est bon avec UTF-8 aussi)

    Tu vois, mon site est encodé entièrement en UTF-8 (il est aussi traduit en russe et en anglais). Ca se fait de mettre une partie de site (française en l'occurence) en un autre encodage ?
     
  13. Vap
    Vap WRInaute impliqué
    Inscrit:
    17 Juin 2007
    Messages:
    983
    J'aime reçus:
    0
    Chère Anna,

    je ne suis pas vexé, rassures toi.

    Je te suggere de sauvgarder ton fichier en encodage ASCII, et de mettre le jeux de caractere ISO Latin dans ton en tete. Par exemple, voici le début de mes pages HTML:

    Code:
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    
    Pour les pages en anglais, tu peux laisser le meme encodage. Pour le russe il faut utiliser ISO-8859-2, comme indiqu" sur la page : http://www.validome.org/doc/HTML_fr/internationalisation/jeux_caracteres.htm

    Si tu veux tout sur la même page, il faut soit encoder les lettres, soit utiliser unicode, soit UTF-8...
     
  14. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
  15. Vap
    Vap WRInaute impliqué
    Inscrit:
    17 Juin 2007
    Messages:
    983
    J'aime reçus:
    0
    Je ne sais pas ce que tu voudrais voir. Dans la page de test que tu donne, le source ne contient pas é ni è.

    Regarde la page d'accueil de mon www. Est-ce que tu vois des accents ou pas? Par exemple dans le menu à gauche, il devrait y avoir Nouveauté avec un accent sur le e final. Pourtant je n'ai pas encodé les caractères.
     
  16. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    Ben pourtant c'est la même source..je ne change que l'encodage, étrange (j'avais pas regardé la source une fois uploadé).
    Enfin ce que je voulais te faire voir c'est qu'en utf8 tu n"encode pas non plus..
     
  17. Vap
    Vap WRInaute impliqué
    Inscrit:
    17 Juin 2007
    Messages:
    983
    J'aime reçus:
    0
    Tu as surement raison pour UTF8, je ne connais pas bien car je ne m'en sert pas.
     
  18. Dan_A
    Dan_A WRInaute discret
    Inscrit:
    21 Décembre 2005
    Messages:
    193
    J'aime reçus:
    0
    Il semble que l'option Unicode sauvegarde en ucs-2 little endian, Unicode big endian en ucs-2 big endian, utf-8 en utf-8 avec BOM. L'option Unicode devrait convenir avec le français. Je pense néanmoins qu'il vaut mieux changer d'éditeur. Notepad++, par exemple - option Format, donne le choix en clair même si tout n'est pas parfait.[/quote]
     
  19. Anna Nilova
    Anna Nilova Nouveau WRInaute
    Inscrit:
    8 Novembre 2007
    Messages:
    23
    J'aime reçus:
    0
    Bon, je vais suivre ton conseil, Vap.
    Alors, j'ai mis l'encodage ANSI (non ANSII car le BlocNotes me propose seulement ANSI, j'espère ce n'est pas grâve... (?)... ), et dans les balises meta charset=ISO-8859-1. Et toute de suite, le mot "russe" (en russe bien évidemment, le lien vers la version russe) est devenu "?????". Pourrais-tu me dire STP comment encoder ces lettres ? Peut-être peux-tu me filer un bon lien pour des tableaux de codes ?
    Merci
     
  20. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    UTF8 c'est justement pour l'internationalisation...on peut tout coder avec du russe au chinois en passant par l'arabe..bref c'est LA solution.
     
  21. darkjukka
    darkjukka WRInaute impliqué
    Inscrit:
    28 Avril 2007
    Messages:
    574
    J'aime reçus:
    0
    Ben écoute, je suis obligé d'encoder mes "é" en "&eacute;" (pour donner un exemple) sur mon www sinon ils ne s'affichent pas (ou alors je me plante et les faire afficher via ce code ce n'est pas encoder).
     
  22. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    pourtant dans ta source ils ne sont pas encodés :
     
  23. darkjukka
    darkjukka WRInaute impliqué
    Inscrit:
    28 Avril 2007
    Messages:
    574
    J'aime reçus:
    0
  24. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    bizarre parce que sur cette même page tes menus ne sont pas encodés et s'affichent correctement.
     
  25. darkjukka
    darkjukka WRInaute impliqué
    Inscrit:
    28 Avril 2007
    Messages:
    574
    J'aime reçus:
    0
    Ah oui exact, je n'avais pas fait attention à ce point là.

    Bizarre comme tu dis oui, je ne vois pas pourquoi les menus passe bien et pas le contenu.
     
  26. Vap
    Vap WRInaute impliqué
    Inscrit:
    17 Juin 2007
    Messages:
    983
    J'aime reçus:
    0
    Comme je l'ai dit plus haut, si tu veux a la fois du russe et du français sur la meme page, ISO ne sufit pas. Il reste UTF ou Unicode. Désolé.
     
  27. Szarah
    Szarah WRInaute accro
    Inscrit:
    22 Février 2006
    Messages:
    5 997
    J'aime reçus:
    1
    Et le NotePad permet aussi bien ANSI que UTF-8 ou Unicode (liste "Codage" au moment de "Sauvegarder sous").
     
  28. Anna Nilova
    Anna Nilova Nouveau WRInaute
    Inscrit:
    8 Novembre 2007
    Messages:
    23
    J'aime reçus:
    0
    Bon, voilà le dilemme: je veux bien rester avec l'UTF-8, cela me convient tout à fait, mais je n'ai toujours pas résolu mon problème de BOM (voir mon tout premier message).
    Pourrait quelqu'un enfin me dire où trouver ces options de sauvegardage de l'editeur ? Et qu'est-ce que c'est que ce BOM ?? :roll:
    Mille mercis !!!
     
  29. Pandore
    Pandore WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 108
    J'aime reçus:
    0
    Quel éditeur utilises-tu ???

    Avec Notepad++, dans le menu "Format", tu as une fonction "Encoder en UTF-8 (sans BOM)". Il suffit donc tout simplement de cliquer dessus pour rendre la fonction active. :wink:
     
  30. Anna Nilova
    Anna Nilova Nouveau WRInaute
    Inscrit:
    8 Novembre 2007
    Messages:
    23
    J'aime reçus:
    0
    Bloc-notes (je crois que c'est la version française de Notepad). Mais il n'est pas ++ . C'est un Bloc-notes version 5.1 livré dans le pack avec Windows XP Edition Familiale et tout...
    Dans le Format il y a seulement Retour automatique à la ligne et Police...
    Une idée quelconque ?
     
  31. Dan_A
    Dan_A WRInaute discret
    Inscrit:
    21 Décembre 2005
    Messages:
    193
    J'aime reçus:
    0
  32. Anna Nilova
    Anna Nilova Nouveau WRInaute
    Inscrit:
    8 Novembre 2007
    Messages:
    23
    J'aime reçus:
    0
    Merci Dan, avec Notepad++ ça va beaucoup mieux ! :p
    Et merci à tous qui ont participé...
     
Chargement...
Similar Threads - écrire lettres accents Forum Date
réécrire /categorie.php?id=xxx en /categorie/id URL Rewriting et .htaccess 13 Septembre 2020
Comment écrire nom ville composée dans URL Rédaction web et référencement 6 Octobre 2019
Réécrire url sans la variable Référencement Google 19 Avril 2018
Comment ecrire sur les RS à l'international Autres réseaux sociaux 17 Mai 2017
Ecrire des articles en invité ? Débuter en référencement 30 Mars 2016
Rediriger/réécrire toutes les pages index.html contenues dans plusieurs dossiers URL Rewriting et .htaccess 1 Mars 2016
Réécrire des articles automatiquement Rédaction web et référencement 23 Février 2016
URL rewriting : réécrire automatiquement un bout de l'url URL Rewriting et .htaccess 21 Juillet 2014
Écrire pub au dessus d'une pub adsense bon ou pas AdSense 19 Mars 2014
Réécrire les balises Title Débuter en référencement 14 Novembre 2013
Réecrire url avec lang URL Rewriting et .htaccess 13 Octobre 2013
Comment écrire quotidiennement du contenu ? Rédaction web et référencement 27 Juin 2013
écrire des commentaires Référencement Google 9 Mars 2013
Ecrire en language thai dans un .htaccess URL Rewriting et .htaccess 12 Avril 2012
écrire du contenu bien indexable par les moteurs de recherche Rédaction web et référencement 16 Février 2012
Quel genre de site pour écrire un livre en ligne ? Développement d'un site Web ou d'une appli mobile 1 Février 2012
réécrire .php en .html URL Rewriting et .htaccess 2 Janvier 2012
Liens internes et externes, les écrire en url ré-ecrite ou pas ? Netlinking, backlinks, liens et redirections 12 Décembre 2011
récrire la titre des post Débuter en référencement 30 Août 2011
Réecrire l'url d'un répertoire vers le répertoire parent URL Rewriting et .htaccess 15 Mai 2011