Come aggiornare a XHTML?

Come aggiornare il tuo sito web a XHTML?

Per trasformare il sito da HTML a XHTML, dovresti prima familiarizzare con le regole di sintassi XHTML descritte nei capitoli precedenti.

Di seguito vengono spiegati i passaggi specifici.

Aggiungi la dichiarazione del tipo di file

Aggiungi la dichiarazione del tipo di file all'inizio di ogni pagina:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Attenzione:Questo sito (codew3c) utilizza un DTD rigoroso. Tuttavia, l'uso di un DTD transizionale è anche una buona scelta, poiché per molti sviluppatori principianti, un DTD rigoroso potrebbe sembrare “troppo rigoroso”.

Un suggerimento su dichiarazione di tipo di file

Se desideri verificare che la pagina sia corretta come XHTML, la pagina deve contenere una dichiarazione di tipo di file.

È importante notare che, a seconda del tipo di dichiarazione del file, i nuovi browser trattano i documenti in modo diverso. Se il browser legge una dichiarazione di tipo di file, tratta il documento nel modo 'adeguato'. Senza DOCTYPE, il documento potrebbe essere visualizzato in modo completamente diverso.

Tag e nomi degli attributi in minuscolo

Poiché XHTML è sensibile alle maiuscole e minuscole, e poiché XHTML accetta solo tag e nomi degli attributi in minuscolo, puoi eseguire un semplice comando di ricerca e sostituzione per convertire tutti i tag maiuscoli in minuscolo. Deve essere fatto lo stesso per i nomi degli attributi. Siamo sempre stati nel nostro sito utilizzando lettere minuscole, quindi基本上, la funzione di sostituzione non è stata molto utile.

Aggiungi virgolette a tutti gli attributi

Poiché il W3C XHTML 1.0 standard richiede che tutti i valori degli attributi siano quotati, se non hai notato questo dettaglio prima, devi controllare ogni pagina del sito. È un lavoro che richiede molto tempo, quindi non dimenticare mai di aggiungere virgolette ai valori degli attributi.

Tag vuoti: <hr> , <br> e <img>

In XHTML non è permesso l'uso di tag vuoti (Empty tags). I tag <hr> e <br> devono essere sostituiti con <hr /> e <br />.

Questo ha creato un nuovo problema, Netscape legge male il tag <br/>. Non siamo sicuri della causa, ma dopo averlo cambiato in <br />, non ci sono più problemi. Dopo aver capito questo, devi nuovamente modificare i tag utilizzando la funzione di ricerca e sostituzione.

Altri tag (come il tag <img>) possono avere problemi simili. Non utilizzare tag di chiusura per chiudere <img>, ma aggiungi / > alla fine del tag.

Verifica del sito

Fatto tutto questo, utilizza i seguenti link per verificare tutti i pagine modificate secondo il DTD ufficiale W3C: Validator XHTML. Potrebbero essere scoperti ancora alcuni errori, che devono essere corretti uno per uno (manualmente). La nostra esperienza ci dice che l'errore più comune è l'omissione del tag </li> nella lista.

Dovremmo utilizzare strumenti di conversione (ad esempio TIDY)? Sì, avremmo potuto utilizzare TIDY.

HTML TIDY di Dave RaggettÈ uno strumento gratuito per pulire il codice HTML. Riguardo la gestione di codici HTML difficili da leggere generati da editor di codice HTML specializzati e strumenti di conversione, TIDY si comporta molto bene. Inoltre, può aiutarti a identificare le aree del sito che necessitano di più attenzione, rendendo le pagine web più accessibili per le persone con disabilità.

Perché non abbiamo utilizzato Tidy? Quando abbiamo iniziato a creare questo sito, eravamo molto familiarizzati con XHTML. All'epoca sapevamo usare tag in minuscolo e aggiungere virgolette alle proprietà. Durante il processo di test del sito, abbiamo semplicemente testato con il validator XHTML di W3C e corretto alcuni errori. Più importante ancora, abbiamo imparato molto sulla scrittura di codice HTML in stile Tidy.

Lettura extra

Se desideri una comprensione più approfondita dell'uso di XHTML per strutturare le pagine, leggi la guida:Strutturazione XHTML》。