Ce problème arrive à tous les développeurs html, javascript, php et tous les langages permettant de développer et publier du code via internet.
Vous essayé d'écrire des phrases toutes simples, mais la langue Française est pleine de caractères particuliers comme les accents sur le e, l'apostrophe, le tréma ou encore l'accent circonflexe sans compter sur le u accentué "ù".
Au moment de publier votre code vous vous apercevez qu'à la place de ces caractères vous avez un peu n'importe quoi en rendu comme des points d'interrogations entouré d'un losange ou d'autres joyeuseté.
Votre site est donc illisible, pour cela il est très simple de retrouver des phrases lisibles par 2 moyens rapides :
Modification de l'encodage de caractères
Pour cela vous ouvrez votre page de code ou vos pages de code avec par exemple l'éditeur de code notepad++ (gratuit et simple).
Dans le menu en haut vous ouvrez "encodage" puis convertir en UT-F8 (sans BOM).
Cette opération n'est pas souvent indispensable, mais cela a le mérite d'être propre dans son projet de site web.
Interpreter les caractères comme il faut sur ses pages web
L'opération est très simple, il suffit d'ajouter une seule petite ligne à vos pages de code entre les balises "head" de votre code html.
Il s'agit d'indiquer aux navigateurs internet que vos pages sont encoder en UT-F8 comme dans l'exemple ci dessous :
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
// Votre code avec tous les caractéres accentués ou non que vous souhaitez et qui va bien s'afficher
</body>
</html>
L'astuce est donc d'ajouter simplement la balise meta pour que les texts soit bien compris en utf-8.