1. Nous avons un fichier : Monfichier.html.
2. Vous devez l'enregistrer en Unicode -> encodage UTF-8.
Solution 1.
- Ouvrez Myfile.html dans un éditeur de texte Carnet de notes.
- Sélectionnez « Enregistrer sous... ».
- Sélectionnez l'encodage UTF-8.
- Cliquez sur le bouton - Enregistrer.
Solution 2.
- Ouvrez Myfile.html dans un éditeur de texte Bloc-notes++(il existe également un éditeur PSPad)
- Menu -> Encodages.
Ici, nous voyons (Notepad++ se détermine) l'encodage du fichier que nous avons ouvert. - Choisir Convertir en UTF-8 sans BOM(BOM - Marque d'ordre des octets).
(Codiroaka "UTF-8 sans BOM" est préféré et diffère simplement de "UTF-8"). - Menu -> Fichier -> Enregistrer.
Détection du codage du navigateur
Nous indiquons nous-mêmes au navigateur quel encodage est défini pour ce fichier HTML.
Cela se fait à l'aide de la balise META 1)
L'exemple ci-dessus indique au navigateur que le fichier HTML téléchargé est enregistré au format utf-8. Si le fichier HTML est enregistré avec le codage Windows-1251, alors : 2)
Important!
Lors du transcodage de fichiers
n'oublie pas de changer les directives de la balise META soient pertinentes.
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 la balise META contient l'encodage requis, mais le site affiche toujours « abracadabra », il faut alors vérifier les paramètres du site sur l'hébergement (serveur web).
Habituellement sur l'hébergement, l'encodage est défini sur utf-8 dans les paramètres du site.
Si les paramètres d'hébergement spécifient le codage Windows-1251, vous devez alors modifier le paramètre en utf-8.
Dans le premier chapitre de ce tutoriel, concernant la construction générale d'un document html, j'ai dit que tous les documents html devaient avoir le modèle de code suivant :
- début du document
- début de la tête
- fermer la tête
- début du corps
- fermeture du corps
- fin du document
Où entre les balises
les informations sont indiquées qui sont destinées à être affichées à l'écran sous la forme dont nous avons besoin, et entre les balises
exclusivement des informations de service destinées aux moteurs de recherche et aux navigateurs de certains utilisateurs. Alors, de quel type d’informations s’agit-il et à quoi sert-il ? Je répondrai systématiquement et par portions dans ce chapitre.
Tagué
</b> nous le connaissons déjà, à l'aide de celui-ci nous indiquons le nom du document dans le titre de la page. Maintenant une nouvelle balise <b><meta>
</b>(ne nécessite pas de balise de fermeture) à l'aide de celui-ci, nous indiquerons ces mêmes informations de service sur notre page.</p>
<b><meta>
</b> la balise a les attributs suivants : <ul><li><b>http-équiv</b>- indique au navigateur comment traiter le contenu principal du document, ou plutôt, en fonction de quelles données.</li><li><b>nom</b>- nom informatif. (utilisé conjointement avec l'attribut <b>contenu</b>)</li><li><b>contenu</b>- le contenu informationnel associé au méta-nom ( <b>nom</b>)</li>
</ul><p>Maintenant, à l'aide d'exemples, nous allons plonger dans l'essence du problème.</p>
<h2>Codage des caractères et langue</h2>
<p>Exemple (très nécessaire et important) :</p>
<p> <b><meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251">
</b></p>
<p>Tout d’abord, je vais vous expliquer pourquoi cette ligne est nécessaire dans l’en-tête d’un document HTML. Cette entrée indique au navigateur l'encodage dans lequel cette page a été écrite - le format du document et la disposition du clavier, dans ce cas il s'agit du cyrillique pour Windows. Si cette ligne n'est pas écrite dans le titre de la page, alors il y a de fortes chances que tout le texte de votre page soit affiché sous forme de « hiéroglyphes » incompréhensibles pour l'homme pour les différents utilisateurs de certains navigateurs. Bien entendu, l'utilisateur peut appliquer la commande à un tel document dans le navigateur <b>Affichage->Encodage->Cyrillique</b>, mais il ne connaît peut-être pas cette fonction et pourquoi déranger une personne avec cette action.</p>
<p>Décomposons maintenant notre enregistrement syllabe par syllabe : <br><b><meta http-equiv="Content-Type"
</b>- indiquez ce que nous allons faire dans cette balise méta <b>Type de contenu</b>- type de contenu <br><b>Contenu="texte/html;</b>- à savoir son texte <br><b>Jeu de caractères=Windows-1251"></b>- document pour Windows - Cyrillique où <b>1251
</b> encodage de la disposition du clavier, ainsi par exemple le clavier anglais sera défini <b>Jeu de caractères = Windows-1252</b></p>
<p>Actuellement, les webmasters avancés recommandent d'utiliser l'encodage <b>UTF8</b></p>
<p>Autrement dit, écrivez dans l'en-tête du document comme ceci :</p>
<p> <b><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</b></p>
<p> <b><meta http-equiv="Content-Language" Content="ru">
</b></p>
<p>Cette ligne dit que la langue <b>Langue</b> le document est russe <b>Content="fr"</b></p>
<p>Un réglage incorrect de la langue et de la disposition du clavier peut avoir des conséquences désastreuses.</p>
<h2>Informations sur les documents</h2>
<p> <b><meta name="author" Content="Остап Бендер">
</b> <br><b><meta name="copyright" Content=""Рога и копыта" Остап Бендер">
</b></p>
<p>Ces méta-descripteurs sont destinés à fournir une déclaration de copyright directement dans l'en-tête du code HTML, donc <b>nom="auteur"</b> indique le nom de l'auteur de la page, et <b>nom = "droit d'auteur"</b> copyright (copyright), qui peut indiquer le nom, prénom, patronyme de l'auteur du site, le nom de la société, la marque... etc. De plus, en incluant une telle description dans le titre du document, vous simplifier grandement la tâche du moteur de recherche lors de la recherche de votre site par nom d'auteur, raison sociale, marque...</p>
<p> <b><meta name ="Generator" Content="Microsoft Notepad">
</b></p>
<p>Si vous le souhaitez, vous pouvez indiquer avec quel éditeur html cette page a été écrite.</p>
<h2>Description de la page et mots-clés</h2>
<p> <b><meta name="description" Content="Nous achetons des cornes et des sabots à des prix compétitifs !">
</b></p>
<p><b>Description</b>- une brève description de la page. Cette description est souvent utilisée par les moteurs de recherche pour afficher dans les résultats de recherche, pour toute demande, des informations sur le site et son objet.</p>
<p> <b><meta name="keywords" Content ="рога, копыта, рожки, рог, копыто, копытце, закупка, покупка, приобретение, выгодно, продать, купить, сбыть, реализовать, корова, бык, коровьи, бычьи, оплата, деньги, наличные, цена, цене">
</b></p>
<p><b>Mots-clés</b>- des mots-clés de la page web, là encore destinés aux moteurs de recherche.</p>
<p>Imaginez que vous recherchiez dans un moteur de recherche un site contenant des informations sur les endroits où vous pouvez vendre les mêmes cornes et sabots :) Quels mots et expressions entrerez-vous dans la ligne « Recherche » ? Eh bien, probablement quelque chose comme : « Où puis-je vendre des cornes de vache ? ou "Vendre des sabots à bon prix". Ainsi, si vous définissez des mots-clés et, pour ainsi dire, prédisez les pensées d'un visiteur potentiel, vous pouvez espérer que l'un ou l'autre moteur de recherche fournira un lien vers votre site dans les premières lignes. du résultat de la recherche. Bien entendu, la saisie de ce méta-descripteur ne garantit pas que votre site occupera la première place dans la recherche de ces mots, mais il ne faut quand même pas le négliger. Cependant, il s’agit d’un sujet de discussion distinct.</p>
<p>N'oubliez pas que la description <b>description</b> ne doit pas dépasser plus de 200 caractères et les mots-clés <b>mots-clés</b> 1000 caractères, sinon cela pourrait avoir un effet néfaste sur la promotion de votre site dans le TOP des moteurs de recherche.</p>
<h2>Adresse</h2>
<p> <b><meta name="Publisher-Email" Content="Ваш_e-mail@сервер.домен">
</b> <br><b><meta name="Publisher-URL" Content="http://www.Ваш_сайт/">
</b></p>
<p>Je pense que c'est clair.. l'adresse de votre boîte mail est indiquée ici <b>E-mail de l'éditeur</b> et l'adresse du site Web <b>URL de l'éditeur</b></p>
<h2>Mise à jour des pages</h2>
<p> <b><meta name ="revisit-after" Content="15 days">
</b></p>
<p>Si une certaine page de votre site implique une mise à jour constante et/ou un ajout de contenu informatif, alors il serait bon d'inclure cette description dans le titre de cette page. Cette introduction permettra au programme robot de visiter votre site en temps opportun et d'indexer son contenu. Dans notre exemple, nous avons indiqué que nous allons mettre à jour le contenu de la page au moins une fois tous les 15 jours, vous pouvez être assuré que le programme robot prendra note de vos projets et viendra vous « rendre visite » une fois tous les quinze jours. afin de vérifier si quelque chose a changé pour vous...</p>
<h2>Validité et cache des documents</h2>
<p>Afin d'accélérer le chargement des pages et d'économiser du trafic, les navigateurs modernes enregistrent les pages visitées par l'utilisateur dans un cache (sur le disque dur), et lors de leur nouvelle visite, ils les chargent non pas depuis le serveur, mais directement depuis le cache. En fait, cette fonction est bonne... mais il y a un « mais », le fait est que le navigateur peut afficher des informations obsolètes sur certaines pages. Imaginez, par exemple, que votre site Web soit une sorte de publication périodique d'informations en ligne, et l'utilisateur recevra, au lieu des dernières nouvelles, des informations obsolètes stockées dans son cache !! et sans comprendre quel est le « problème », il prendra votre site pour un site « mort », abandonné et non mis à jour par personne.</p>
<p>Afin de forcer le navigateur à charger une page particulière non pas depuis le disque dur, mais depuis le serveur, vous avez besoin d'une balise méta avec cette syntaxe, qui indique le jour de la semaine, le jour, le mois, l'année, l'heure (hh:mm :ss) et le fuseau horaire ( <b>GMT+03:00</b>- heure de Moscou + trois heures). Le jour de la semaine et l'heure de la journée ne peuvent pas être précisés. Désormais, lorsqu'un navigateur lit une page, la page sera chargée depuis le serveur si la date et l'heure spécifiées sont arrivées ou ont expiré, et vice versa depuis le cache si l'heure spécifiée n'est pas encore arrivée.</p>
<p>Ci-dessous, juste au cas où, se trouvent des tableaux d'abréviations de mots anglais pour les mois et les jours de la semaine</p>
<td valign="top">
</td>
<p>Attribut <b>contenu</b> peut se voir attribuer une valeur <b>"0" <meta http-equiv="Expires" content="0">
</b> dans ce cas, la page sera toujours chargée depuis le serveur.</p>
<p>Et encore une chose... certains robots de recherche peuvent refuser d'indexer un document dont la date est visiblement obsolète. - ne tente pas le destin...</p>
<p> <b><meta http-equiv="pragma" content="no-cache">
</b></p>
<p>Et une telle entrée interdirait complètement au navigateur de mettre en cache cette page.</p>
<h2>Commandes pour le robot</h2>
<p> <b><meta name="robots" content="Index,follow">
</b></p>
<p>Cette balise méta est destinée à donner au robot de recherche l'une ou l'autre commande.</p>
<p>Liste des commandes possibles pour le robot :</p>
<ul><li><b>Indice</b>- indexer la page</li><li><b>Aucun index</b>- ne pas indexer la page</li><li><b>Suivre</b>- suivre les hyperliens sur une page</li><li><b>Ne pas suivre</b>- ne suivez pas les hyperliens sur la page</li><li><b>Tous</b>- indexer la page et suivre les hyperliens sur la page (par défaut)</li><li><b>Aucun</b>- ne pas indexer la page et ne pas suivre les hyperliens sur la page</li>
</ul><h2>Transition automatique vers une autre page</h2>
<p> <b><meta content="10; URL=http://www.mysite/index.html">
</b></p>
<p>Si soudainement, pour une raison quelconque, vous décidez de changer l'adresse URL de votre site, il serait bon de laisser une page comme celle-ci à son ancien emplacement :</p>
<p> <html> <br>
<head> <br>
<meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251"> <br><b><meta content="10; URL=http://www.mysite/index.html">
</b> <br>
<title>Expéditeur
L'adresse du site a été modifiée, au bout de 10 secondes votre navigateur sera automatiquement redirigé vers la nouvelle adresse :
http://www.monsite.ru/
Cliquez ici pour transférer immédiatement.
Nous nous excusons pour la gêne occasionnée.
