[webaccessibile] Pulire il codice HTML

Marcello Cerruti mar961 a libero.it
Lun 3 Apr 2006 01:20:42 CEST


Monica Carlino:
Mi trovo spesso a dover pulire del codice da inserire nei siti.
Ad esempio, trovo centinaia di celle di tabella di questo tipo <td  
align="center" width="100px" background="red">.
E' possibile, con una sola operazione, pulire bene il codice? Ci sto  
provando con dreamweaver

Roberto Scano:
Prova su http://tidy.sourceforge.net
Per DW dovrebbe esserci già qualcosa di integrato...

Marcello Cerruti:
Tidy non l'ho utilizzato molto, tuttavia trovo ottimo e molto  
flessibile il comando Find and Replace di Dreamweaver:
Nello specifico, ad esempio, potresti, in funzione delle esigenze e  
della ripetitività del codice, utilizzare due metodi:
1)	Nel menu Edit scegli la voce Find and Replace, si apre la finestra  
di dialogo e selezioni, nel secondo menu a discesa, la  voce Search,  
nel menu sottostante selezioni Specific tag, nel menu a discesa  
adiacente selezioni il tag td, nell'ulteriore menu a discesa  
sottostante selezioni la voce With Attribute e nel relativo menu a  
discesa adiacente selezioni ad esempio l'attributo background in un  
ulteriore menu  adiacente imposti il value a red digitandolo, oppure,  
per rimuovere tutti gli sfondi di cella, selezioni la voce any value,  
e ripeti la procedura per tutte le coppie attributo/valore che vuoi  
eliminare;
2)	Se nel codice gli unici attributi di td sono sempre <td  
align="center" width="100px" background="red">, allora nel secondo  
menu a discesa Search selezioni Source Code, nel sottostante campo di  
testo Find inserisci <td align="center" width="100px"  
background="red"> e nel sottostante campo di testo Replace inserisci  
<td>.

Inoltre, se scorri le voci dei menu a discesa che si aprono  
contestualmente alla selezione di Specific tag vedrai che le  
possibilità sono veramente tante.

Puoi anche salvare, come Query di Dreamweaver, i comandi di Find e  
Replace utilizzati e riutilizzarli successivamente, navigando nel tuo  
disco e caricandole. Infatti accanto al menu Search troverai due  
icone, l'una Save Query per salvare sul disco la ricerca e  
sostituzione come file e l'altra Load Query per riutilizzarla  
successivamente, caricando il file salvato sul disco. In questo caso  
aprendo una Query precedentemente salvata i campi saranno  
precompilati con la ricerca e sostituzione salvata.

Inoltre se conosci le Regular Expression le possibilità sono  
praticamente infinite, se nel Find, ed eventualmente anche nel  
Replace, dopo aver selezionato nel menu Search la voce Source Code,  
inserisci le Regular Expression, avendo cura di spuntare la voce Use  
regular expression nella casella di controllo posizionata nella parte  
inferiore della finestra di dialogo di Find and Replace.

Infine il primo menu a discesa: Find in, ti offre la possibilità, tra  
le varie, di utilizzare il Find and replace:
1) 	sul documento attivo;
2) 	su tutte le pagine aperte in Dreamweaver;
3) 	su una cartella specifica;
4) 	su un intero sito configurato in Dreamweaver.

Tuttavia, mentre sul documento attivo e su quelli aperti puoi non  
salvare le modifiche effettuate da Find and Replace, se ti accorgi  
che hai sbagliato qualcosa, sui file non aperti di una cartella o sul  
sito questa possibilità non è disponibile, quindi la modifica è  
irreversibile. Per cui, quantomeno le prime volte, ti consiglio di  
applicare le modifiche solo ai documenti aperti ed eventualmente non  
salvarle se il risultato non è quello desiderato. Considera, che se  
apri più di 20 pagine alla volta e lanci un Find and Replace per  
tutte le pagine, Dreamweaver potrebbe crashare, comunque ciò dipende  
anche dalle risorse hardware del tuo computer.

Ciao Marcello


Maggiori informazioni sulla lista webaccessibile