Hvordan bruke XHTML for layout og design

June 24

XHTML er en mer robust versjon av Web kodespråk enn tidligere varianter av hyper tekst Markup Language (HTML). Dette gjør websider bygget i XHTML mer pålitelig og tilgjengelig for et bredere spekter av brukere surfer på nettet. For å bruke XHTML, sørge for at markeringen er gyldig og velformet, som spesifikasjonene er strenge og mindre tilgivende enn hva du kanskje er vant til. Snarere enn bare å bygge websider som fungerer og ser ut slik du vil, ved hjelp av XHTML betyr en forpliktelse til å opprettholde en høy standard innenfor sidestrukturer.

Bruksanvisning

1 Separer innholdet på nettsiden fra sin formatering. Finne ut hva innholdet på nettsidene skal være. Dette kan inkludere tekst, data og ulike media som bilder og video, men bør ikke omfatte hvordan du vil at disse elementene skal vises. Når du bygger sider i XHTML, til de strukturer som brukes vil være der holde innhold og så må du ha en klar idé om innholdet. List opp innholdselementer du har tenkt inkludert på nettstedet, og forberede det å gå online.

2 Lage et design for nettstedet. Ved hjelp av programvare eller skisser på papir, komme opp med et design for nettstedet ditt, men grov eller detaljert du vil. Dette bør gjenspeile inntrykk av at du vil at området for å tilpasse seg når folk vise den i en nettleser. Pass på at alt innholdet du vil skal vises kan være inneholdt effektivt innenfor design. Husk hva du vil at brukerne skal kunne gjøre ved hjelp nettsidene dine og sørge for at dette vil være mulig innenfor grensesnittdesign.

3 Lag en eller flere "Html" filer i en tekst editor for å holde XHTML strukturer og vise innholdet på nettstedet ditt. En om gangen, lage strukturer innenfor dine XHTML-sider, i henhold til følgende disposisjon:

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

<Html>

<Head>

<Title> Min Side Tittel </ title>

</ Head>

<Body>

<Div> Her er min side innhold. </ Div>

</ Body>

</ Html>

Det er visse regler som kreves av XHTML og dokumenter må ha en gyldig Document Type Definition (DTD) inkludert. Sørg for at markup inneholder kun gyldige elementer og at disse er lukket riktig, med bare små bokstaver sitert attributter som i dette eksemplet:

<P class = "main"> Noe tekst i et avsnitt. </ P>

4 Validere XHTML. Ved hjelp av den elektroniske valideringsverktøy, kontroller for å sikre markup er gyldig XHTML. Ikke bry deg om det er mye feil når du først sjekker, så dette er helt normalt. Se gjennom feil plassering og korrigere hver feil i sving. Hver gang du rette en feil, validere dokumentet på nytt, siden en enkelt feil kan ofte føre til flere påfølgende feil, noe som gjør markup vises mye verre enn det er (se Ressurser).

5 Implementere layout ved hjelp av stil regler. Bruk Cascading Style Sheet (CSS) regler for å reflektere ønsket oppsett og utseende for XHTML-sider, som i følgende eksempel:

div

{Width: 50%;}

p.main

{Color: # FF0000;}

Det er å foretrekke å holde CSS erklæringer atskilt fra hoved XHTML markup, i en fil som er lagret med "Css" forlengelse og knyttet til i hodet på siden din ved hjelp av følgende syntaks:

Prøv å inkludere alle design og layout regler innenfor CSS i stedet for i XHTML, da dette er nøkkelen til å skape tilgjengelig webinnhold.

Hint

Test din XHTML i så mange nettlesere som du kan, som det vil trolig se annerledes ut i noen av dem. Start med å utvikle i en av de mer standardkompatible nettlesere og bygge støtte for andre etterpå.
Motstå fristelsen til å omfatte stil og layout innstillinger i din XHTML. Velger å bruke XHTML er du forplikter deg til å lage sider som er bygget til en høy standard.