Ripulire il codice HTML




Clean up HTML

Una funzione estremamente comoda è il comando Clean Up HTML… che lancia una finestra di dialogo con varie opzioni selezionabili per ripulire una pagina di codice errato o superfluo, tra le varie funzioni si può anche decidere di rimuovere dei tag specifici, scrivendo nel relativo campo, i tag separati, l’un l’altro, da una virgola.


Finstra di dialogo Clean Up HTML

Alla fine dell’operazione viene visualizzata una finestra con un rapporto sulla pulizia effettuata nella pagina.


Rapporto sulla pulizia dell'HTML

Per vedere il comando all’opera utilizziamo sempre il sito The Bubble Yum Store e ripuliamo il codice del template anche dei tag font e blink in quanto l’uno deprecato e l’altro non standard.

Completiamo l’operazione di ripulitura lanciando l’estensione Body Attributes Stripper, e salviamo il template.


Accesso a Tag Stripper

Tuttavia i tag font e blink poiché sono in aree modificabili non saranno rimossi dalle pagine dipendenti, quindi completiamo l’opera con un’estensione molto comoda di Massimo Foti: Tag Stripper, che consente di rimuovere i tag, uno alla volta, anche dall’intero sito con una sola operazione. Accediamo all’estensione dal menu:
Commands >> Source >> Tag Stripper.


Finestra di dialogo di Tag Stripper

Nel campo del tag delle finestra di dialogo scriviamo font e selezioniamo Entire Site, clicchiamo OK e ripetiamo l’operazione per blink e così abbiamo ripulito l’intero sito dall’HTML deprecato o obsoleto così il pannello Validation, nel relativo rapporto di validazione non mostrerà né errori, né avvertimenti.


Codice standard

Adesso le pagine sembreranno spoglie, ma vedremo nel prossimo capitolo, sui CSS, come riapplicare con i fogli di stile il layout che era stato applicato da HTML con attributi non standard.

Un’altra funzione abbastanza simile e molto comoda è Clean UP Word HTML. Questo comando permette di ripulire in modo abbastanza profondo le pagine di Word salvate come file HTML.


Finestra di dialogo di Clean Up Word HTML

Una finestra di dialogo divisa in due sezioni permette di scegliere tutte le opzioni relative alla marcatura di Word da ripulire mentre il rapporto finale ci mostrerà come, anche in una pagina molto semplice di Word, ci sia molto codice sporco da eliminare.

Tuttavia se si vuole una pulizia veramente totale, bisogna prendere alcuni accorgimenti addizionali:

  • con Clean Up HTML rimuovere una serie di tag inutili in una semplice pagina di testo, ad esempio div e span;
    Ripassata del codice di Word con Clean Up HTML...
  • eliminare il tag style dal head, selezionandone l’icona nell’Head Content e premendo il tasto Canc;
    ...eliminazione del tag style...
  • e, sempre in questa area, spostare, con il trascinamento del mouse, il tag meta del charset dopo il titolo e sostituire il charset Windows-1252 con uno standard, ad esempio iso-8859-1, quello che utilizza di default Dreamweaver;
    ...ultimi accorgimenti nel tag head
  • controllare il contenuto del tag title e completare l’operazione eliminando gli attributi dal tag body o a mano in Code View o utilizzando l’estensione Body Attributes Stripper.

Due estensioni molto utili per Dreameweaver 4, attualmente non aggiornate a Dreamweaver MX, sono Clean Up FrontPage HTML e Clean Up FrontPage HTML Sitewide, la seconda permette di ripulire, con una sola operazione, i tag non standard anche da un intero sito creato con FrontPage. Tuttavia tra le opzioni di queste estensioni è possibile non eliminare i WebBot, preservando quelle funzionalità lato server che si avvalgono delle estensioni di FrontPage. La versione non sitewide è compatibile anche con Dreamweaver 3.

Ultimi articoli Editor

Adobe Edge, la prima animazione HTML5

Come creare una animazione HTML5 con Adobe Edge, esempio completo

Adobe Edge, l'interfaccia

Esaminiamo pannelli e menu del tool gratuito di Adobe per la...

Trasformazioni XSLT in Dreamweaver 8

Primo sguardo agli strumenti XML: trasformare un feed RSS

Layout senza tabelle con Dreamweaver 8

Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia

Il nuovo Dreamweaver 8

Panoramica delle principali novità dell'ultima release del popolare...

Altri articoli

Guide Editor

Guida WebMatrix

Entrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,...

Guida Notepad++

Un editor testuale che funziona perfettamente anche come editor HTML...

Guida Aptana

Creare siti Web o applicazioni con Aptana, l'editor open source,...

Altre guide

Newsletter @Daily HTML.it

Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti