XHTML: Web Coding per il design raffinato

• Potrebbe 2, 2024

XHTML 1.0 e 1.1 stanno per EXtensible HyperText Markup Language e rappresentano un grande balzo in avanti da HTML 4.0. Combinano il meglio di HTML 4.0 con XML per offrire al progettista uno schema di codifica più sofisticato per un web design raffinato e più deciso.

Il W3C, genitore di tutti i linguaggi HTML, ha descritto XHTML 1.0 come "il primo grande cambiamento in HTML da quando HTML 4.0 è stato rilasciato nel 1997. Porta il rigore dell'XML alle pagine Web ed è la chiave di volta nel lavoro del W3C per creare standard che forniscano pagine Web più ricche su una gamma sempre crescente di piattaforme browser tra cui telefoni cellulari, televisori, automobili, comunicatori wireless di dimensioni di portafoglio, chioschi e desktop ".

Variazioni XHTML

Sono disponibili tre tipi distinti di XHTML per soddisfare le esigenze di tutti i web designer. Questi includono Strict, Transitional e Frameset XHTML.

XHTML 1.0 Strict - la forma più pura per i web designer esperti. Questa versione consente di creare un codice pulito scricchiolante, senza dover inserire il codice di layout (carattere, colore, layout) in tutto il documento. Invece, all'inizio si incorpora il codice CSS (Cascading Style Sheet).

XHTML 1.0 Transitional - un mezzo del formato del codice stradale per aiutare i progettisti che hanno bisogno di tempo per imparare questo nuovo mezzo di codifica o desiderano accogliere gli spettatori che utilizzano ancora browser Web meno recenti. Vengono utilizzati i fogli di stile, ma viene incorporato anche un buon vecchio codice HTML. Ad esempio, il tag body include ancora gli attributi bgcolor, text, links, vlink.

Set di frame XHTML 1.0 - questa variazione si spiega da sé - la si utilizza quando si desidera incorporare XHTML in un documento basato su frame.

Ancora un'altra versione più avanzata, XHTML 1.1 consente l'aggiunta di codice modulare per esigenze di codifica internazionali e altre esigenze speciali. I moduli RUBY sono incorporati per facilitare questa codifica aggiuntiva. L'unica modifica più significativa in XHTML 1.1 è il disaccoppiamento dei dati dalla presentazione. La formattazione non è più incorporata nei dati e può essere ottenuta solo facendo riferimento a Cascading Style Sheets (CSS). Ciò lascia i dati disponibili per un facile analisi e riutilizzo da una vasta gamma di nuovi prodotti non desktop e applicazioni di accessibilità.

Mettere in ordine il tuo HTML

Dave Raggett e Source Forge del W3C offrono attualmente una grande utility open-source, HTML Tidy per i progettisti che vogliono convertire i loro documenti HTML attuali in XHTML (e riordinare il loro codice nel processo). Questo utile strumento aiuterà il tuo codice a brillare eseguendo tutte queste attività utili:

• I tag finali mancanti o non corrispondenti vengono rilevati e corretti


• I tag di fine nell'ordine sbagliato vengono corretti


• Risolve i problemi con l'accento sulla direzione


• Recupera da tag confusi


• Aggiunta della barra mancante nei tag di fine per ancore


• Elenchi perfetti inserendo tag mancanti


• Vengono aggiunte virgolette mancanti attorno ai valori degli attributi


• Vengono riportati attributi sconosciuti / proprietari


• Gli elementi proprietari sono riconosciuti e riportati come tali


• I tag privi di una parentesi terminale vengono individuati


• Sostituisce il codice di layout in eccesso con proprietà di stile e regole utilizzando CSS


• Elimina gli elementi di paragrafo e intestazione vuoti

The Nitty Gritties

Una delle "regole" primarie quando si utilizza XHTML è che il codice deve essere pulito e completo.

• Tutti gli elementi devono avere tag di chiusura e nidificare correttamente.


• Tutti i tag devono essere scritti in minuscolo: XML fa distinzione tra maiuscole e minuscole.


• I tag di fine devono essere inclusi per TUTTI elementi


• Tutti gli attributi devono essere tra virgolette, ad es. larghezza, colspan, rowpan


• Gli elementi vuoti devono avere un tag di fine

Una mano d'aiuto

Ti senti sopraffatto dall'apprendimento di un altro formato HTML? L'aiuto è a portata di mano, in tal caso. XStandard è un editor di codice WYSIWYG che ti aiuta a scrivere codice XHTML puro pulito in XHTML 1.0 Strict o XHTML 1.1. I creatori descrivono questo software come: "l'editor WYSIWYG più avanzato e basato su standard sul mercato. È ideale per qualsiasi sistema di gestione dei contenuti basato su Windows o browser che supporti ActiveX. XStandard gestisce contenuti ricchi in qualsiasi lingua, ha forti funzionalità di accessibilità e supporta le opzioni di modifica più diffuse tra cui tabelle, avvolgimento di testo attorno alle immagini e trascinamento dei file nell'editor. " Il software è disponibile in una versione XStandard Lite gratuita e in una versione XStandard Pro più versatile.

Se vuoi che il tuo sito funzioni bene nei browser di oggi e nei dispositivi non tradizionali e continui a funzionare bene nei progetti di domani, è una buona idea creare nuovi siti in XHTML e convertire vecchie pagine in XHTML quando il tuo programma di lavoro lo consente. Certo, questa non è la fine! Si sta già lavorando per creare XHTML 2.0. La mossa è concentrarsi esclusivamente sulla struttura, non sulla retrocompatibilità. Puoi leggere questa nuova forma di XHTML sul sito Web IBM nel loro articolo, Il futuro del Web: XHTML 2.0.

Evidenzia HTML serie di articoli

PARTE 1: Un designer credibile dovrebbe conoscere l'HTML?
PARTE 2: HTML 3.2 - La nascita di Wilbur
PARTE 3: HTML 4.0 E 4.01 - Più di una buona cosa!
PARTE 4: XHTML: Web Coding per il design raffinato
PARTE 5: DHTML: codifica web dinamica