HTML Tidy: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
m Bot: Aggiungo: zh:HTML Tidy |
Nessun oggetto della modifica |
||
Riga 1:
{{S|software libero}}
{{TOCright}}'''HTML Tidy''' è
Tidy infatti si occupa di correggere tutti gli errori più tipici in cui si occorre durante lo sviluppo di codice web. Inoltre si occupa di rendere leggibile il codice generato da editor HTML, e di segnalare all’utente dove deve prestare più attenzione.
Riesce a riconoscere una vasta gamma di errori, segnalandoli come ''WARNINGS'' (avvertimenti), ai quali affianca numero di riga e colonna. <br>
Nel caso di problemi per i quali non riesce a trovare una valida gestione, il motore di Tidy non genererà del codice, ma li metterà in evidenza come ''ERRORS''.
Inoltre è stato sviluppato per gestire codice markup generato da [[Microsoft Word]], il quale inserisce elementi (spesso scomodi e mal gestiti dai browser) per permettere un’integrazione tra il codice html e il file word stesso.
==COME FUNZIONA TIDY==
Tidy corregge il markup (dove possibile) rispettando la sintassi osservata in alcuni browsers quali [[Firefox]], [[Internet Explorer]], [[Opera]], [[Netscape]].
===Correzione dei tag di chiusura mancanti o non accoppiati===
:<source lang=html4strict>
<h1> bla <h2> blabla </h3></source>
:Tidy corregge con:
:<source lang=html4strict>
<h1> bla </h1> <h2> blabla </h2></source>
===Correzione dell’ordine di chiusura dei tag===
:<source lang=html4strict>
<p> paragrafo <b> grassetto <i> grassetto corsivo </b> grassetto? </i> normale?</source>
:Tidy corregge con:
:<source lang=html4strict>
<p> paragrafo <b> grassetto <i> grassetto corsivo </i> grassetto? </b> normale?</source>
===Correzione problemi nei tag heading===
:<source lang=html4strict>
<h1> <i> heading corsivo </h1> <p> paragrafo</source>
:'In Internet Explorer, tutto cio’ che segue l’apertura del tag di heading sarà associato allo stile del tag h1, effetto per niente desiderato!'
:Tidy corregge con:
:<source lang=html4strict>
<h1> <i> heading corsivo </i> </h1> <p> paragrafo</source>
===Correzione di tag posizionati male===
:<source lang=html4strict>
<i> <h1> heading </h1> </i> <p> paragrafo <b> grassetto <p> grassetto ancora!</source>
:Tidy corregge con:
:<source lang=html4strict>
<h1> <i> heading </i> </h1> <p> paragrafo <b> grassetto </b> <p> <b> grassetto ancora!</b></source>
===Corretto posizionamento del tag <hr>===
:<source lang=html4strict><h1><hr>heading</h1></source>
:<source lang=html4strict><h2>sotto <hr>heading</h2></source>
:Tidy corregge con:
:<source lang=html4strict><hr></source>
:<source lang=html4strict><h1>heading</h1></source>
:<source lang=html4strict><h2>sotto</h2></source>
:<source lang=html4strict><hr></source>
:<source lang=html4strict><h2>heading</h2></source>
===Aggiunta di “/” finale nelle ancore===
:<source lang=html4strict><a href="#refs">link<a></source>
:Tidy corregge con:
:<source lang=html4strict><a href="#refs">link</a></source>
===Correzione delle liste===
:<source lang=html4strict><body></source>
:<source lang=html4strict><li>1st</source>
:<source lang=html4strict><li>2nd</source>
:Tidy corregge con:
:<source lang=html4strict><body></source>
:<source lang=html4strict><ul></source>
:<source lang=html4strict><li>1st </li></source>
:<source lang=html4strict><li>2nd </li></source>
:<source lang=html4strict></ul></source>
:<source lang=html4strict></body></source>
==GRAMMATICA==
*'''''Aggiunta di “'''''
:inserisce gli apici dove mancano. Inoltre si occupa di inserire gli apici finali dove dimenticati.
*'''''Attributi sconosciuti/proprietari segnalati'''''
:conosce tutti gli attributi di HTML e XHTML, e aiuta lo sviluppatore a trovare subito dove ha sbagliato grazie alle segnalazioni
*'''''Elementi proprietari segnalati'''''
:riconosce quale versione di HTML si sta usando, segnalandolo e aggiundendo il corretto [[DOCTYPE]] al documento
*'''''Segnalazione di ‘>’ mancanti'''''
:Tidy corregge anche la mancanza > nei tags
==LAYOUT==
Tidy offre la possibilità di decidere quale stile si vuole usare nella generazione di markup (ad esempio, se si vuole che gli elementi vengano indentati o meno).<br>
Tidy inizia costruendo un [[albero di parsing]] pulito (non contiene nessuna informazione sul layout), direttamente dal file sorgente.
Questo albero viene poi visualizzato a seconda delle impostazioni nel file di configurazione di Tidy.
Alcuni browser possono interpretare in malomodo un indentazione personalizzata del codice.
'Ad esempio:'
<source lang=html4strict><h1 align="right">
Blah
</h1></source>
<source lang=html4strict><h1 align="right">Meglio</h1></source>
Per un bug commune dei browser, nel primo caso gli spazi bianchi non vengono ignorati, causando problemi nell’interpretazione del tag h1.
L’indentazione personalizzata crea problemi anche nelle tabelle:
<source lang=html4strict><td><img src="foo.gif"></td>
<td><img src="foo.gif"></td></source>
Viene interpretata diversamente da:
<source lang=html4strict><td>
<img src="foo.gif">
</td>
<td>
<img src="foo.gif">
</td></source>
Questi problemi si possono evitare impostando ''“no”'' o ''“auto”'' nel file di configurazione di Tidy, alla voce '''INDENT'''.
==ALTRE FEATURES==
*'''''Internazionalizzazione'''''
:Tidy offre una vasta scelta di caratteri tra cui scegliere, e si preoccupa di correggere eventuali errori nell’utilizzo degli stessi all’interno del documento
*'''''Accessibilità'''''
:Tidy offre soluzioni a problemi riguardanti le persone che non usano browsers text-based. Ad esempio, suggerisce sempre di inserire un sommario per gli attributi delle tabelle, in modo da favorire la navigazione a chi usa i browser “aural” (vocali).
*'''''Pulizia'''''
:l’opzione ''–clean'' di Tidy consente di rimuovere gli eccessi di FONT, STYLE, COLOR e di inserirli piuttosto in un foglio di stile [[CSS]]. Inoltre, cancella paragrafi ed heading vuoti, inserendo lo stile corretto nei fogli di stile, o usando il tag <br>
*'''''Xml'''''
:Tidy aiuta correggere gli errori che causano il rifiuto dei files xml
==FILE DI CONFIGURAZIONE:==
L’opzione ''–config <filename>'' consente a Tidy, lanciato da riga di comando, di utilizzare un file di configurazione da noi personalizzato. In alternativa, si puo’ cambiare la variabile d’ambiente HTML_TIDY per settare il nostro file come file di default da usare, in modo da non dover sempre specificare quale deve essere usato.
==REFERENCES==
*[http://tidy.sourceforge.net/ Tidy Project su Sourceforce]<br>
*[http://www.w3.org/ Il sito del W3C]<br>
*[http://cgi.w3.org/cgi-bin/tidy Versione online di HTML Tidy W3C]
| |||