HTML prescrit un codage pour les anciens navigateurs. Codage HTML. Qui codant pour enregistrer la page Web. Codage de page HTML incorrect

L'un des problèmes de site les plus fréquents est son codage. Et malgré cela, beaucoup Masters Web Continuez à faire valoir que le navigateur lui-même choisit le codage. En effet, il choisit le codage lui-même, mais n'est-ce pas toujours correctement correctement. C'est l'erreur de codage la plus courante: le site dans le codage, disons Utf-8.et le navigateur choisit de manière persistante windows-1251.. Ici comment définir un codage dur dans le fichier hACCESSJe vais vous dire dans ce petit article.

Afin de définir le codage de fichier dans HTACCESS Assez pour écrire juste une ligne:

AddDefaultCharsetset utf-8

Si tu as besoin windows-1251., alors comme ça:

AdddefaultCharsetset Windows-1251

Une seule ligne et désormais le navigateur, quelle que soit sa préférence, choisiront le codage spécifié. Immédiatement, je dis que cette méthode est vraiment puissante. Vous devez comprendre qu'une fois que le navigateur reconnaît incorrectement le codage de votre site (ignorer même la balise Meta » Contenttype."), Alors, qu'il y a des causes, vérifiez donc soigneusement: si tout est bien affiché partout.

J'espère que cet article m'a aidé à résoudre le problème de codage. Et dans le prochain article, je parlerai du problème lié à codage de la base de données. C'est aussi un problème très fréquent que beaucoup ne peuvent pas résoudre.

1. Nous avons un fichier: mojifyle.html.
2. Il est nécessaire de le maintenir dans l'encodeur de codeur -\u003e UTF-8. Solution 1.
  1. Ouvrez le MOIFILE.HTML dans un éditeur de texte Carnet.
  2. Buvez "Enregistrer comme ...".
  3. Sélectionnez le codage UTF-8.
  4. Cliquez sur le bouton - Enregistrer.

Solution 2.
  1. Ouvrir mon fichier.html dans un éditeur de texte Notepad ++. (Il y a toujours un éditeur PSPAD)
  2. Menu -\u003e Encodage.
    Nous voyons ici (Notepad ++ me définit moi-même) encoder le fichier que nous ouvrons.
  3. Choisir Convertir en UTF-8 sans bom (Marque de commande BOM - octet).
    (CODIROCHE "UTF-8 SANS BOM" est préférable et diffère de simplement "UTF-8").
  4. Menu -\u003e Fichier -\u003e Enregistrer.

Définition des navigateurs de codage

Nous informons nous-mêmes le navigateur sur lequel l'encodage est installé pour ce fichier HTML.
Ceci est fait par Meta Tag 1) Dans le navigateur, le navigateur reçoit une spécification que le fichier HTML chargé est enregistré dans le codage UTF-8. Si le fichier HTML est enregistré dans le codage Windows-1251, alors: 2) Important!
Lors de la distribution de fichiers n'oubliez pas de changer Directives dans la balise méta sur topique.
Si un encodage est spécifié dans la balise Meta et que le fichier est enregistré dans un autre encodage, nous verrons "Abracadabra" à l'écran.

3) Si un La balise Meta montre l'encodage souhaité et le site affiche toujours "Abracadabra", puis vous devez vérifier le paramètre Site sur l'hébergement (serveur Web).
Habituellement sur l'hébergement dans les paramètres du site, le codage UTF-8 est spécifié.
Si Windows-1251 coding est spécifié dans les paramètres d'hébergement, vous devez modifier le paramètre sur UTF-8.

L'un des problèmes les plus fréquents confrontés à un débutant Maître (et non seulement les débutants), il cooding Problèmes sur le site. Même si j'ai constamment apparaître lors de la création de sites " abracadabra"Mais, comme je sais parfaitement comment résoudre ce problème, tout est mis en ordre pendant quelques secondes. Et dans cet article, je vais essayer de vous apprendre aussi rapidement résoudre les problèmes de codage sur le site.

La première chose à noter est que tous les problèmes avec l'avènement de "Abracadabry" sont associés à l'inadéquation du codage du document et du codage affiché par le navigateur. Supposons le document dans windows-1251.et navigateur pour une raison quelconque Utf-8.. Et la source de telles incitations peut être les raisons suivantes.

La première raison

Tag méta mal enregistré type de contenu.. Soyez prudent, il devrait toujours y avoir un codage dans lequel votre document est écrit.

La deuxième raison

Il semble que la balise Meta est enregistrée comme vous le souhaitez, et le navigateur présente exactement ce que vous voulez, mais pour une raison quelconque, il est toujours avec le problème de codage. Ici, presque certainement, le fait que le document lui-même ait un excellent codage. Si vous travaillez dans Notepad ++., alors en bas à droite, il y a un code de codage du document actuel (par exemple, ANSI.). Si vous mettez dans une balise méta Utf-8.et le document lui-même est écrit dans ANSI., puis faire de la conversion en Utf-8. (à travers le menu " Codage"Et article" Convertir en UTF-8 sans bom").

Troisième raison

Quatrième raison

Et enfin, la dernière raison populaire est le problème avec le codage dans la base de données. Tout d'abord, assurez-vous que toutes vos tables et champs sont écrits dans un codage, ce qui coïncide avec le codage du reste du site. Si cela n'aident pas, immédiatement après la connexion au script, suivez la demande suivante:

Définir des noms "utf8"

Au lieu utf8."Un autre codage peut se tenir debout. Après cela, toutes les données de la base de données devraient sortir en codage approprié.

Dans cet article, j'espère que je suis désassemblé au moins 90% des problèmes liés à l'apparition de "Abrakadabra" sur le site. Vous devez maintenant redresser avec un problème aussi populaire et simple en tant que mauvais codage, dans deux comptes.

15.03.2016

pas encore


Bonjour à tous!
Nous continuons à étudier les fondements de HTML. Dans cette leçon, nous analyserons comment spécifier le codage HTML Pour le site (page Web).
Cette leçon est très importante, car l'ignorance de la manière de spécifier le codage pour une page Web peut conduire au fait que votre page ne sera pas en mesure de lire. Vous demandez: «C'est ainsi, ça va ne pas être capable?».
Montrons ce que mon blog avec le mauvais encodage ressemble à:

Donc, Encodage HTML - Ce sont des tables correspondant à des codes et de caractères alphabet. C'est-à-dire que notre ordinateur codant changera le code des lettres de lisibilité compréhensibles.

Pour informer le navigateur, dans lequel le codage sont les symboles WebPage, vous devez vous inscrire entre les balises Voici une META TAG:

Remarque, dans le code, il y a le mot "nom de codage". Ici, vous devez spécifier le codage HTML.
Ceci est généralement UTF-8 ou Windows-1251.

Codage pourutf-8.:

Codage pour windows-1251.:

Si vous oubliez de spécifier le navigateur, dans lequel le site de codage ou la page Web, le navigateur tentera de déterminer le codage automatiquement, mais cela ne l'a pas toujours à venir correctement. En fin de compte, le résultat sera celui que j'ai montré dans l'image ci-dessus.

Aller à la pratique.

Comment créer un document HTML avec
Codage de sortie

"Tous les programmes" \u003d\u003e "Standard" \u003d\u003e "Notepad" :

<br> <br> </body> </html> </p><p> <head></head> Voici cette balise Meta:</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p><p> <html> <head> <title> Ma première page HTML sur StepkinBlog ..<br> <br> </body> </html> </p><p>Cliquez dans le cahier <span>"Fichier" \u003d\u003e "Enregistrer sous ..."</span>:</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-3.png' width="100%" loading=lazy loading=lazy></p> <p><br> Où l'élément "codant:" Spécifiez "UTF-8". <br> Cliquez sur "Enregistrer":</p> <p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-4.png' width="100%" loading=lazy loading=lazy></p><p>Agrandir l'image?</p> <h3><span>Comment créer un document HTML avec le codage Windows-1251</span></h3> <p>Notepad Standard ouvert. <span><i>"Tous les programmes" \u003d\u003e "Standard" \u003d\u003e "Notepad"</i> </span>.<br> Ensuite, insérez le code HTML standard au bloc-notes:</p><p> <html> <head> <title> Ma première page HTML sur StepkinBlog ..<br> <br> </body> </html> </p><p>Maintenant, vous spécifiez la sauvegarde de laquelle codez sur une page Web. Pour ce faire, postez-vous entre des balises <head></head> Voici cette balise Meta:</p><p> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </p><p>Cela devrait se révéler (ligne n ° 4):</p><p> <html> <head> <title> Ma première page HTML sur StepkinBlog ..<br> <br> </body> </html> </p><p>Cliquez dans le cahier <span>"Fichier" \u003d\u003e "Enregistrer sous ..."</span>:</p> <p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-5.png' width="100%" loading=lazy loading=lazy></p> <p>Où élément "Nom du fichier", écrivez le nom de la page Web sur le latin et avec l'extension ".html". Je suis une Douma, tu te souviens de cela des premières leçons. <br> Où élément "codage:" Indiquez "ANSI". <br> Cliquez sur "Enregistrer":</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy loading=lazy></p> <p>C'est tout!</p> <p>La plupart des webmasters choisissent le codage UTF-8. Les raisons ne parleront pas, car je crains de vous charger d'informations, qui dans votre étape de la connaissance de HTML n'est pas encore nécessaire.</p> <p>Par exemple, dans le bloc-notes, définissez le code:</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p><p>Et spécifiez lors de l'épargne "ANSI":</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy loading=lazy></p> <p>Depuis que c'est faux, le résultat sera ceci:</p> <p>Gardez votre page Web correctement afin d'éviter de tels résultats.</p> <p>Post précédent <br></span> <span>Prochain article <br></p> <p>Lors de la création d'un site à partir de webmasters novices, des questions apparaissent souvent: dans laquelle le codage du site est différent de la différence entre UTF-8 de Windows-1251 et comment l'enregistrer dans les pages de site HTML de Meta Charset HTML. Réponses à toutes ces questions dans cet article.</p> <h2>Quel est le codage du site et comment ça fonctionne</h2> <p>Le codage peut être représenté comme une table constituée de différentes lettres, chiffres et autres caractères de la personne claire, qui sont codés d'une certaine manière. Lorsque vous ouvrez un fichier texte auquel appartient la page HTML appartient, l'ordinateur se lit à partir de l'en-tête de fichier dans lequel le codage est enregistré et affiche le texte dans le codage approprié. Transformer des données informatiques dans la fenêtre Effacer la comparaison de ces données avec la table de codage avec la table de codage . Si les informations de codage de l'en-tête de fichier coïncident avec le codage dans lequel les données sont enregistrées dans la page HTML, l'utilisateur voit les lettres familières à celle-ci, chiffres et autres caractères. S'il y a une divergence, l'utilisateur montre donc un ensemble incompréhensible de caractères, en particulier souvent, cela se produit dans d'anciens programmes postaux. Si l'utilisateur a reçu une lettre avec une vallée incompréhensible, il est généralement possible de deviner différentes codages, il est généralement possible de deviner et de choisir la lettre dans laquelle la lettre est écrite et, par conséquence, l'ensemble incompréhensible de caractères est devenu un texte sur le texte. .</p> <p>La même chose se passe avec les pages HTML du site. Si le document a été sauvegardé, par exemple, dans l'encodage UTF-8, et dans le document lui-même, la balise Meta est enregistrée selon laquelle il s'agit du codage Windows-1251, le navigateur comparera à nouveau les données stockées dans le fichier avec le fichier tableau spécifié de l'encodage et car les caractères sont codés par - le navigateur affichera un ensemble incompréhensible de caractères, au lieu du texte habituel, ou une partie des lettres peut être sous une forme normale, et d'autres lettres ou symboles peuvent être émis. exemple, sous la forme d'une marque d'interrogation. Tout ce qui précède s'applique, y compris l'affichage des noms de fichiers.</p> <p>En créant un nouveau document dans un éditeur de texte, il est préférable de vous assurer que le codage souhaité est sélectionné. Les éditeurs modernes vous permettent de convertir le texte d'un document ouvert d'un codage à un autre et le bloc-notes standard vous permet de sélectionner le codage uniquement lorsque le fichier est enregistré.</p> <h2>Les codages les plus courants</h2> <p>Depuis l'élément précédent, vous savez déjà quel type d'encodage et pourquoi il est si important de l'enregistrer correctement dans le code des pages du site. Découvrons maintenant quel type de codages il vaut mieux choisir pour le futur site. Étant donné que le développement le plus courant et le plus compréhensible a toujours été le système d'exploitation Windows, la plupart des développeurs Web ont créé des pages HTML dans l'encodage Windows-1251 (ANSI), utilisée par défaut. Mais Windows-1251 prend en charge un très grand nombre de lettres et de symboles, et les développeurs veulent utiliser diverses flèches, coeurs, carrés et autres caractères de leurs textes, y compris il est nécessaire de combiner des mots de différentes langues dans un seul document. Il a donc longtemps été remplacé par l'UTF-8 plus étendu et la plupart des développeurs utilisent ce codage.</p> <h2>Problèmes de codage non seulement dans la page HTML</h2> <p>Site Web, qu'il s'agisse simplement d'un ensemble de documents HTML statiques ou de scripts dynamiques complexes de pages générant à la volée, est affiché sur un serveur Web qui fonctionne également avec un codage spécifique. Et si le serveur fournit des informations dans un codage, et que vos pages ou scripts sont enregistrés dans un autre encodage, il peut y avoir des problèmes d'affichage des pages dans le navigateur de l'utilisateur. De nombreux hébergements vous permettent de modifier les paramètres et de sélectionner le codage en fonction de celle utilisée dans les fichiers du site, via le panneau de configuration ou pour l'enregistrer dans le fichier.htaccess si l'hébergement est utilisé par le serveur Web Apache populaire.</p> <p>Presque aucun site moderne n'est effectué sans utiliser la base de données MySQL et peut également devenir une source de problèmes de codage. Si les fichiers de site sont stockés dans un codage et que les informations de la base de données dans une autre, la partie des informations affichées à partir de la base de données peut être affichée comme tous les mêmes signes de questions ou d'autres caractères incompréhensibles. Pour éviter les problèmes de codage, il devrait être le même pour un serveur Web, une base de données MySQL, dans les scripts, dans les pages HTML du site et dans la balise Meta, prescrite dans le code HTML. S'il y a des problèmes d'affichage du texte, vérifiez le problème tout ci-dessus.</p> <h2>META CHARSET HTML Document</h2> <p>Pour informer le navigateur et les moteurs de recherche dans lesquels le codage des pages du site de leur code est prescrit par Meta Charset.</p> <p>Pour Windows-1251 coding:</p> <span><!DOCTYPE html> <html lang="ru"> <head> <title>Titre de la page

Texte de page




Pour le codage UTF-8:

Titre de la page

Texte de page




Maintenant, vous savez quel est le codage du site et où rechercher des problèmes si le texte est affiché de manière incorrecte dans une partie du site.

La copie de l'article est interdite.

Avez-vous aimé l'article? Partager avec des amis: