Elementi mancanti o errati in HTML – HyperText Markup Language – il codice di progettazione del sito Web può impedire la corretta visualizzazione di una pagina Web. La maggior parte delle versioni del software di progettazione Web Adobe Dreamweaver include una funzione di convalida del codice HTML che esegue la scansione del codice di progettazione nel documento HTML ed evidenzia automaticamente gli errori.
Informazioni sul codice HTML
I siti Web utilizzano molti tipi di codice di programmazione e progettazione per visualizzare il contenuto e offrire funzionalità interattive, ma il codice HTML fornisce la base per la progettazione della maggior parte delle pagine Web. Il codice è costituito da codice racchiuso tra parentesi angolari di tag. Il codice HTML all’interno di ogni set di parentesi di tag controlla il formato, le dimensioni, la posizione e il layout del contenuto della pagina Web, dal tipo di carattere e dallo stile alla dimensione delle immagini e delle tabelle.
Errori del codice HTML
Piccoli errori nel codice HTML possono rovinare il design di una pagina Web o impedirne la visualizzazione nel browser Web di un visitatore. Ad esempio, la mancata chiusura di un tag HTML con una parentesi angolare finale può far sì che i browser Web ignorino tutto il codice HTML dopo la parentesi di apertura, impedendo la visualizzazione di un elemento essenziale del design della pagina nel browser. Piccoli errori di battitura e caratteri HTML mancanti possono quindi causare problemi significativi nella progettazione di pagine Web.
Convalida del codice HTML
I webmaster possono controllare e convalidare il codice HTML con servizi esterni o con il validatore incluso nel software di web design, come Adobe Dreamweaver. Lo strumento di convalida HTML in Dreamweaver funziona in modo simile alla funzione di controllo ortografico e grammaticale di un programma di elaborazione testi. Il validatore attinge da una selezione di librerie di codice HTML ed esegue la scansione di tutto il codice HTML sulla pagina Web per identificare i problemi con i tag del codice o la sintassi del codice HTML all’interno dei tag. Il progettista del sito web può quindi correggere il codice evidenziato.
Utilizzo del validatore HTML di Dreamweaver
Dopo aver progettato la pagina Web e aver immesso tutto il codice HTML richiesto, è possibile convalidare il codice con lo strumento di convalida HTML. Per prima cosa, imposta le tue preferenze di validatore. Fare clic su “Modifica” nel menu principale nella parte superiore della pagina, quindi selezionare “Preferenze (Windows)” o “Preferenze (Macintosh)” dal menu di scelta rapida. Fare clic su “Validator” nell’elenco delle opzioni di categoria. Fare clic sulla casella di controllo accanto alle librerie HTML con cui si desidera verificare il codice; ad esempio, “HTML 2.0” o “HTML 4.0”. È inoltre possibile selezionare i tipi di errori che si desidera includere nella convalida selezionando le caselle di controllo applicabili. Dopo aver configurato il validatore HTML, seleziona “Modifica” nel menu principale, quindi fai clic su “Convalida” per avviare il validatore.
Disponibilità del validatore HTML di Dreamweaver
Tutte le versioni di Adobe Dreamweaver fino a Dreamweaver CS4 incluso includono lo strumento di convalida HTML. Adobe ha abbandonato lo strumento di convalida HTML come funzionalità standard in Dreamweaver CS5. Tuttavia, gli utenti di Dreamweaver CS5 possono scaricare e installare un plug-in HTML Validator gratuito per aggiungere la funzionalità al programma.