Microsoft Expression Web - Valider les pages

Dans ce chapitre, nous allons apprendre comment nous assurer que notre code HTML et CSS est valide. Microsoft Expression Web propose plusieurs façons de vérifier vos pages Web pour les erreurs de code et le code incompatible avec un schéma HTML et CSS particulier.

  • La barre d'état et la vue Code vous alertent sur les erreurs de code et l'incompatibilité dans une seule page, tandis que le volet Office Compatibilité répertorie toutes les erreurs de code et les incompatibilités dans une ou plusieurs pages ou sur un site Web entier.

  • Expression Web identifie le code incompatible à l'aide d'un schéma de document basé sur la déclaration DocType dans une page.

  • Si la page ne contient pas de déclaration DocType ou si le DocType n'est pas reconnu, Expression Web utilise un secondary schema.

Lorsque vous créez un site et travaillez sur ses pages, vous devez prendre l'habitude de valider les pages. Microsoft Expression Web dispose de divers outils qui peuvent être très utiles lors de la validation de vos pages Web. Il existe deux options très utiles dans Expression web, allons donc dans le menu Outils et sélectionnez l'option Éditeur de page.

L'onglet Général propose deux options -

  • Highlight Invalid HTML - Cette option, lorsqu'elle est cochée, affichera un code HTML invalide dans un jeu de couleurs spécifique et la valeur par défaut en texte rouge sur fond jaune.

  • Highlight Incompatible HTML - Cette option, lorsqu'elle est cochée, affichera un soulignement ondulé sous le code qui n'est pas compatible avec les normes HTML.

Barre d'état

Lorsque la page Web actuelle et ouverte contient une erreur de code, vous obtenez un Code Error Detected icône (mise en évidence dans la capture d'écran suivante).

Supposons que vous ayez oublié le symbole «>» dans une balise </div> -

<div id = "footer"></div>

Dans ce cas, la barre d'état en bas de la fenêtre du programme affiche l'icône Code Error Detected.

Lorsque vous sélectionnez «Aller à l'erreur» dans le menu déroulant, cela vous amènera à la ligne où l'erreur existe et vous pourrez facilement corriger la syntaxe.

Lorsque la page contient un code incompatible avec le DocType spécifié, la barre d'état affiche un HTML Incompatibility Detected icône.

Supposons que vous ayez utilisé «hre» pour un hyperlien au lieu de «href», ce qui est une erreur.

<li><a href = "index.html" title = "Site Home Page">Home</a></li>

La barre d'état affiche l'icône d'incompatibilité HTML détectée, comme illustré dans la capture d'écran suivante.

Lorsque vous sélectionnez «Aller à l'erreur» dans le menu déroulant, cela vous amènera à la ligne où l'erreur existe et vous pourrez facilement corriger la syntaxe.

Rapport de compatibilité

Un rapport de compatibilité vérifie les pages et les fichiers CSS pour les erreurs de code et le code incompatible avec le schéma DocType et CSS que vous spécifiez. Vous pouvez générer un rapport qui vérifie uniquement des fichiers particuliers ou un site Web entier.

Step 1 - Pour générer un rapport de compatibilité, allez dans le menu des outils et cliquez sur l'option Rapports de compatibilité….

Step 2- La boîte de dialogue Vérificateur de compatibilité propose différentes options pour vérifier uniquement certains fichiers de votre site, ouvrez ces fichiers ou sélectionnez-les dans le volet Office Liste des dossiers ou dans la vue Site Web. Sélectionnez les options selon l'exigence et cliquez sur le bouton Vérifier.

Step 3- Le volet Office Compatibilité s'ouvre et l'état de la génération du rapport apparaît en bas du volet Office. En double-cliquant sur n'importe quelle ligne, cela vous mènera à l'emplacement où l'erreur existe.