XHTML è una versione più robusta del linguaggio di markup del Web di varianti precedenti iper testo del linguaggio di markup (HTML). Questo rende le pagine Web realizzate in XHTML più affidabile e accessibile a una più ampia varietà di utenti che stanno navigando sul Web. Per utilizzare XHTML, assicurarsi che il codice è valido e ben formato, come le specifiche sono severe e meno indulgente rispetto quello che si può essere utilizzato per. Piuttosto che semplicemente costruire pagine Web che funzionano e l'aspetto desiderato, utilizzando XHTML significa un impegno a mantenere un elevato standard entro le strutture di pagina.
Istruzioni
1
Separare il contenuto del sito Web da sua formattazione. Lavoro che il contenuto delle pagine del sito sta per essere. Questo può includere testo, dati e supporti diversi, ad esempio immagini e video, ma non deve includere come si desidera che questi elementi vengano visualizzati. Quando crei pagine in XHTML, ci sarà le strutture utilizzate per contenere contenuto e quindi è necessario avere un'idea chiara del contenuto. Elencare gli elementi di contenuto che si intende compreso il sito Web e prepararla per andare online.
2
Creare un design per il sito Web. Utilizzando il software o schizzi su carta, venire con un design per il tuo sito, tuttavia ruvida o dettagliata che ti piace. Questo dovrebbe riflettere l'aspetto che si desidera il sito conforme a quando persone visualizzarla in un browser Web. Assicurarsi che tutto il contenuto che si desidera essere visualizzati possono essere contenuti in modo efficace all'interno del disegno. Tenete a mente ciò che si desidera che gli utenti siano in grado di fare utilizzando le pagine del sito e garantire che questo sarà possibile all'interno del progetto di interfaccia.
3
Creare uno o più file ". html" in un testo editor per contenere strutture XHTML e visualizzare il contenuto del tuo sito. Uno alla volta, creare le strutture all'interno delle pagine XHTML, secondo il seguente schema:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
< html >
< head >
< title > My pagina titolo < / title >
< / head >
< corpo >
< div > qui è mio contenuto pagina. < / div >
< / body >
< / html >
Ci sono alcune regole che sono richiesti da XHTML e i documenti devono avere una valida definizione DTD (Document Type) incluso. Garantire il markup della pagina contiene elementi solo validi e che questi sono tutti chiusi correttamente, utilizzando solo lettere minuscole citata attributi come nel seguente esempio:
< classe p = "main" > testo in un paragrafo. </p >
4
Convalidare il XHTML. Utilizzando gli strumenti di convalida on-line, verificare che sia markup XHTML valido. Non preoccupatevi se ci sono un sacco di errori quando si controlla in primo luogo, come questo è perfettamente normale. Guardare attraverso il profilo di errore e correggere ogni errore a sua volta. Ogni volta che è correggere un errore, per validare il documento nuovo, dal momento che un singolo errore può spesso causare più errori successivi, rendendo il markup appaiono molto peggio di quanto è (Vedi risorse).
5
Implementare il layout utilizzando le regole di stile. Utilizzare le regole di Cascading Style Sheet (CSS) per riflettere il layout desiderato e aspetto per le pagine XHTML, come nell'esempio seguente:
div
{width: 50%;}
p.Main
{color: #FF0000;}
È preferibile separare dichiarazioni CSS dal markup XHTML principale, all'interno di un file salvato con estensione "CSS" e collegato alla testa della pagina utilizzando la sintassi seguente:
< link rel = "stylesheet" type = "text/css" href="mystyle.css" / >
Tenta di includere tutte le regole di layout e design all'interno del CSS anziché in XHTML, come questo è la chiave per creare contenuti Web accessibili.
Consigli & Avvertenze
- Prova il tuo XHTML in quanto molti browser, come si può, come probabilmente verrà visualizzato in modo diverso in alcuni di essi. Inizia con lo sviluppo in uno dei browser più conforme agli standard e costruire in supporto agli altri in seguito.
- Resistere alla tentazione di includono le impostazioni di stile e layout all'interno del vostro XHTML. Scegliendo di utilizzare XHTML è commettere te stesso alla creazione di pagine che sono costruite secondo uno standard elevato.