Microsoft Expression Web - Convalida pagine
In questo capitolo impareremo come assicurarci che sia il nostro codice HTML che CSS siano convalidati. Microsoft Expression Web offre diversi modi per verificare la presenza di errori di codice nelle pagine Web e il codice non compatibile con un particolare schema HTML e CSS.
La barra di stato e la vista Codice segnalano errori di codice e incompatibilità in una singola pagina, mentre il riquadro attività Compatibilità elenca tutti gli errori di codice e le incompatibilità in una o più pagine o in un intero sito Web.
Expression Web identifica il codice incompatibile utilizzando uno schema del documento basato sulla dichiarazione DocType in una pagina.
Se la pagina non contiene una dichiarazione DocType o il DocType non viene riconosciuto, Expression Web utilizza un file secondary schema.
Quando crei un sito e lavori sulle sue pagine, dovresti sviluppare l'abitudine di convalidare le pagine. Microsoft Expression Web dispone di vari strumenti che possono essere molto utili durante la convalida delle pagine Web. Esistono due opzioni molto utili in Expression Web, quindi andiamo al menu Strumenti e selezioniamo l'opzione Editor di pagine.
La scheda Generale offre due opzioni:
Highlight Invalid HTML - Questa opzione, se selezionata, mostrerà un HTML non valido in uno schema di colori specifico e l'impostazione predefinita in testo rosso su sfondo giallo.
Highlight Incompatible HTML - Questa opzione se selezionata, mostrerà una sottolineatura ondulata sotto il codice che non è compatibile con gli standard HTML.
Barra di stato
Quando la pagina Web aperta corrente contiene un errore di codice, viene visualizzato un file Code Error Detected icona (evidenziata nello screenshot seguente).
Supponiamo che tu abbia dimenticato il simbolo ">" in un tag </div> -
<div id = "footer"></div>In questo caso, la barra di stato nella parte inferiore della finestra del programma visualizza l'icona Rilevato errore codice.
Quando selezioni "Vai a errore" dal menu a discesa, ti porterà alla riga in cui si verifica l'errore e potrai correggere facilmente la sintassi.
Quando la pagina contiene un codice incompatibile con il DocType specificato, la barra di stato visualizza un file HTML Incompatibility Detected icona.
Supponiamo che tu abbia usato "hre" per un collegamento ipertestuale invece di "href", che è un errore.
<li><a href = "index.html" title = "Site Home Page">Home</a></li>La barra di stato mostra l'icona Incompatibilità HTML rilevata come mostrato nello screenshot seguente.
Quando selezioni "Vai a errore" dal menu a discesa, ti porterà alla riga in cui si trova l'errore e potrai correggere facilmente la sintassi.
Rapporto di compatibilità
Un rapporto di compatibilità controlla le pagine e i file CSS per errori di codice e il codice che non è compatibile con il DocType e lo schema CSS specificato. È possibile generare un rapporto che controlla solo file particolari o un intero sito web.
Step 1 - Per generare un rapporto di compatibilità, vai al menu Strumenti e fai clic sull'opzione Rapporti di compatibilità….
Step 2- La finestra di dialogo Verifica compatibilità fornisce diverse opzioni per controllare solo determinati file nel sito, aprire tali file o selezionarli nel riquadro attività Elenco cartelle o nella visualizzazione Sito Web. Selezionare le opzioni secondo il requisito e fare clic sul pulsante Verifica.
Step 3- Il riquadro attività Compatibilità si apre e lo stato della generazione del rapporto viene visualizzato nella parte inferiore del riquadro attività. Facendo doppio clic su qualsiasi riga, ti porterà alla posizione in cui si è verificato l'errore.
