Accueil Médias sociaux Comment corriger le code non conforme sur votre page Web - les nuls

Comment corriger le code non conforme sur votre page Web - les nuls

Vidéo: Valider votre établissement sur Google - GMB 2025

Vidéo: Valider votre établissement sur Google - GMB 2025
Anonim

Pour chaque problème de codage Web identifié par un validateur, vous devez déterminer la ligne de conduite à adopter. Bien que certains coupables qui surgissent à plusieurs reprises sont faciles à corriger, comme le texte alt alt et les balises, vous trouverez forcément des problèmes de codage qui vous déconcertent complètement.

Par exemple, si vous obtenez un message d'erreur indiquant Erreur d'analyse XML: ouverture et fin de l'incohérence: ligne 52 et corps, il peut être difficile de comprendre ce que cela signifie, encore moins pourquoi cela a été causé et comment vous devrait le réparer.

En tant que stratégie, essayez de corriger les problèmes dans le code de haut en bas, car ils sont listés dans les résultats de la validation, parce que parfois résoudre un problème en résout un autre. Avec l'erreur d'analyse XML, ce problème peut disparaître lorsque vous corrigez un élément de fermeture omis sur une balise

répertoriée plus haut dans les résultats d'erreur.

Le meilleur moyen de mieux coder et de faire moins d'erreurs avant les tests de validation est de faire beaucoup d'erreurs honnêtes et de trouver comment les corriger par vous-même. Le plus souvent, vous pouvez corriger le code non conforme à la main ou à l'aide d'un bon éditeur HTML.

Pour vous aider à identifier les erreurs de codage les plus courantes, voici quelques problèmes de code ainsi que des suggestions pour les résoudre.

Problème Solution
attribut de texte alt absent de

tag
Ajouter l'attribut de texte alternatif, avec ou sans description , comme dans

src = "images / logo. gif "width =" 150 "

height =" 150 "alt =" Pete's Pizza ">

hauteur =" 150 "alt =" ">.
balises manquantes dans

code

Ajoutez des balises sous chaque occurrence

lorsque JavaScript est présent dans le JavaScript en ligne ou à la fin du contenu

avant la balise de fermeture du corps. Entre les balises, insérez le contenu HTML

(texte, graphiques, fichiers multimédias, etc.) qui décrit la fonction

du JavaScript et, le cas échéant, comment les visiteurs peuvent

accéder aux informations qu'il révèle, comme indiqué ici:

type =" text / javascript "> Le code JavaScript

utilisé sur cette page fournit un lien rapide qui permet aux visiteurs

de mettre automatiquement cette page en signet. Comme alternative,

veuillez utiliser la fonction Bookmark This Page de votre navigateur.

Éléments clignotants ou scintillants détectés, tels que les GIF animés , les applets Java et d'autres plug-ins multimédias Ajustez la vitesse de toutes les animations pour éviter que l'écran

ne scintille avec un fréquence comprise entre 2 Hz et 55 Hz. Les animations

dépassant ces deux mesures peuvent provoquer des crises chez les visiteurs avec

épilepsie photosensible.

Aucun DOCTYPE spécifié Ajoutez un DOCTYPE valide au-dessus de la balise d'ouverture

.

Aucun paramètre de charset HTTP spécifié Cette balise META spéciale spécifie le jeu de caractères utilisé dans le code HTML

. Certains éditeurs HTML l'incluent automatiquement lorsque

génère de nouvelles pages Web vierges. Si la validation trouve que cette balise

est manquante dans votre code HTML ou XHTML, insérez manuellement le code

suivant:

http-equiv = "Content-Type" content = "text / html;

jeu de caractères = utf-8 ">. Pour HTML5, insérez.

Aucune balise spécifiée Ajoutez un titre unique entre balises dans la zone d'en-tête sur chaque page

.

Aucune balise spécifiée Ajoutez des méta-mots-clés et des balises de méta-description à la tête de chaque page

. Ceux-ci peuvent être identiques sur chaque page du site. Si vous le souhaitez,

vous pouvez également ajouter des balises META supplémentaires si nécessaire.

Balises No Robots spécifiées Ajoutez la balise Robots dans l'en-tête de la page à

pour indiquer aux robots et robots Web s'ils doivent indexer la page et

suivre les liens hypertexte, tels que

name = " Robots "content =" Tous ">.

Balises obsolètes

détectées

Déplacer tout le balisage de présentation du HTML (page, polices,

tableaux, liens, etc.) vers un fichier CSS externe et supprimer tous les balises

et HTML et en ligne

attributs de mise en forme.

Attribut de hauteur de table obsolète détecté Hauteur de cellule de la table de contrôle, si nécessaire, avec des styles CSS

.

Attributs de style détectés dans la balise d'ouverture Déplacent les attributs du corps, comme les attributs margin

et la couleur de la page d'arrière-plan, dans un tag BODY redéfinir style

dans un fichier CSS externe.

attribut de type non spécifié pour

JavaScript ou CSS

Ajouter l'attribut type = "text / css"

pour les balises et l'attribut

type = "text / javascript"

pour les balises:

type = "text / javascript">.

Nom d'entité utilisé à la place du numéro d'entité Remplacez le nom de l'entité par un numéro d'entité, par exemple en utilisant $ # 169; au lieu de © pour créer le symbole de copyright

(c).

Aucun attribut de couleur d'arrière-plan n'a été spécifié pour un style CSS

qui spécifie la couleur du texte

Fournissez chaque style contenant un attribut de couleur de texte avec un attribut de couleur de fond

. La couleur d'arrière-plan

doit correspondre ou correspondre étroitement à la couleur d'arrière-plan sur laquelle le texte

sera affiché.

Lorsque vous avez fini d'identifier et d'ajuster tout le code non conforme identifié par les outils de validation, et que vous avez corrigé tout ce qui devait être corrigé, passez à la phase de nouveau test et de test acceptable.

Comment corriger le code non conforme sur votre page Web - les nuls

Le choix des éditeurs

Valide Versus un document XML bien formé - mannequins

Valide Versus un document XML bien formé - mannequins

En XML, un document valide doit se conformer aux règles de sa définition DTD (Document Type Definition) ou schéma, qui définit quels éléments peuvent apparaître dans le document et comment les éléments peuvent s'imbriquer les uns dans les autres. Si un document n'est pas bien formé, il ne va pas très loin dans le monde XML, donc vous avez besoin de ...

Validation de votre page Web HTML5 - mannequins

Validation de votre page Web HTML5 - mannequins

Peu importe votre précaution, vous faites parfois des bêtises lorsque coder vos pages Web HTML5. Un outil comme un correcteur orthographique pour le code serait génial. Et voilà, il existe un tel outil de vérification de code. Le W3C Markup Validation Service, présenté par les mêmes personnes qui ont élaboré les normes ...

Espacement vertical en HTML - nuls

Espacement vertical en HTML - nuls

Pour le codage du contenu de la page en HTML pour vos pages Web, vous pourriez demander: «Comment puis-je me débarrasser de cet espacement (vertical)? "Entre les paragraphes. Ou, "Comment ajouter un espacement (vertical) entre les éléments de la liste? "D'abord, il sera utile de comprendre d'où vient cet espacement vertical. Espacement vertical en HTML ...

Le choix des éditeurs

Héberger des vidéos Mobile sur YouTube - des nuls

Héberger des vidéos Mobile sur YouTube - des nuls

Pour les webmestres mobiles qui ne veulent pas se démener Sur de nouveaux lexiques de spécifications techniques, l'option la plus simple est de laisser YouTube, représenté sur la figure, faire tout le travail d'hébergement et de diffusion de la vidéo. YouTube rend toutes ses vidéos mobiles conviviales, offrant la meilleure version pour chaque appareil. Lorsque vous téléchargez ...

Sites Web QuarkXPress utiles - mannequins

Sites Web QuarkXPress utiles - mannequins

Les utilisateurs de quarkXPress ont accès à une foule d'informations et de cadeaux liés à QuarkXPress. La prochaine fois que vous êtes en ligne, consultez certains de ces sites QuarkXPress et de publication assistée par ordinateur. Sites XTensions Des centaines de XTensions commerciales pour QuarkXPress sont disponibles pour Mac et Windows; ces XTensions gèrent un large éventail de tâches que QuarkXPress ne peut pas faire. Beaucoup d'informations ...

Activation de User Agent Switcher dans Safari - Témoins

Activation de User Agent Switcher dans Safari - Témoins

Lorsque vous testez un site Web Destiné à l'iPhone et l'iPad sur un ordinateur de bureau, si le script de détection de périphérique sur un serveur reconnaît que vous utilisez un navigateur sur un ordinateur, il ne vous montre pas la version du téléphone. C'est là que l'agent utilisateur entre dans l'image. Safari inclut des fonctionnalités spéciales qui permettent ...

Le choix des éditeurs

Raccourcis vers les centres de commande dans MYOB - mannequins

Raccourcis vers les centres de commande dans MYOB - mannequins

Vous pouvez vous rendre directement au centre de commande de votre choix MYOB. Appuyez sur la touche Ctrl de votre PC tout en appuyant sur l'un de ces chiffres - et vous allez au centre de commande de votre désir! Combinaison de touches Raccourci Résultat Ctrl-1 Centre de commande des comptes Ctrl-2 Centre de commande bancaire Ctrl-3 Centre de commande des ventes Ctrl-4 ...

Rapprochement de votre compte bancaire dans Sage 50 - variables nominales

Rapprochement de votre compte bancaire dans Sage 50 - variables nominales

Avant de commencer un rapprochement bancaire dans Sage 50, vous devez pour vous assurer que vous avez saisi la majorité de vos transactions financières pendant la période de réconciliation. Traditionnellement, les comptables réconcilient le compte bancaire à la fin de chaque mois, une fois qu'ils ont reçu leurs relevés bancaires. Cependant, l'avènement de la banque en ligne ...

Solutions et Knowledge in Salesforce. com Service Cloud - les nuls

Solutions et Knowledge in Salesforce. com Service Cloud - les nuls

En tant qu'agent, vous devez savoir quels outils sont à votre disposition dans Service Cloud pour faciliter votre travail. Plus spécifiquement, Salesforce propose deux outils majeurs de résolution de problèmes pour les clients et les agents de support, Solutions et Knowledge. Quelle est la différence, demandez-vous? Avant de regarder les différences, voici ce qu'elles contiennent ...