XHTML: Webkoding for raffinert design

• Kan 15, 2024

XHTML 1.0 og 1.1 står for EXtensible HyperText Markup Lspråket og representerer et gigantisk sprang fremover fra HTML 4.0. De kombinerer det beste av HTML 4.0 med XML for å gi designeren et mer sofistikert kodeskjema for raffinert og mer avgjørende webdesign.

W3C, foreldre til alle HTML-språkene, beskrev XHTML 1.0 som "den første store endringen til HTML siden HTML 4.0 ble utgitt i 1997. Det bringer strengheten til XML til websider og er grunnsteinen i W3Cs arbeid med å lage standarder som gir rikere websider på et stadig økende utvalg av nettleserplattformer, inkludert mobiltelefoner, TV-apparater, biler, trådløse kommunikatører i lommebokstørrelse, kiosker og stasjonære PC-er. "

XHTML-varianter

Tre forskjellige typer XHTML er tilgjengelige for å imøtekomme behovene til alle webdesignere. Disse inkluderer streng, overgang og Framesett XHTML.

XHTML 1.0 Streng - den reneste formen for erfarne nettdesignere. Denne versjonene lar deg lage knirkende ren kode, uten å måtte sette inn layoutkode (font, farge, layout) i hele dokumentet. I stedet tar du inn CSS-kode (Cascading Style Sheet) i begynnelsen.

XHTML 1.0 Overgang - et midt i vegkodeformatet for å hjelpe designere som trenger tid til å lære seg dette nye kodingsmidlet, eller ønsker å imøtekomme seere som fremdeles bruker eldre nettlesere. Stilark brukes, men gode gamle HTML-koder er også innarbeidet. For eksempel inneholder kroppen-taggen fremdeles attributtene bgcolor, text, links, vlinks.

XHTML 1.0 Frameset - denne variasjonen er selvforklarende - du bruker den når du vil integrere XHTML i et rammebasert dokument.

Nok en mer avansert versjon, XHTML 1.1 lar modulkode legges til for internasjonale og andre spesielle kodebehov. RUBY-moduler er integrert for å lette denne ekstra kodingen. Den viktigste endringen i XHTML 1.1 er frakoblingen av data fra presentasjonen. Formatering er ikke lenger innebygd med data, og kan bare oppnås ved å referere til Cascading Style Sheets (CSS). Dette lar data være tilgjengelige for enkel analysering og gjenbruk av et bredt spekter av nye produkter som ikke er stasjonære, og tilgjengelighetsapplikasjoner.

Rydde opp HTML

W3Cs Dave Raggett og Source Forge tilbyr for tiden et flott open source-verktøy, HTML Tidy til designere som vil konvertere sine nåværende HTML-dokumenter til XHTML (og rydde opp koden i prosessen). Dette praktiske verktøyet hjelper koden til å skinne ved å utføre alle disse nyttige oppgavene:

• Manglende eller uoverensstemmende sluttmerker blir oppdaget og korrigert


• Sluttkoder i feil rekkefølge blir korrigert


• Løser problemer med hovedvekt


• Gjenoppretter fra blandede tagger


• Legger til den manglende skråstrekningen i sluttaggene for ankere


• Perfekterer lister ved å sette inn manglende tagger


• Manglende sitater rundt attributtverdiene legges til


• Ukjente / proprietære attributter rapporteres


• Eiendomsmessige elementer blir anerkjent og rapportert som sådan


• Merkelapper som mangler en avslutningsbrakett blir oppdaget


• Erstatter overflødig layoutkode med stilegenskaper og regler ved bruk av CSS


• Sletter tomme avsnitt og overskriftselementer

The Nitty Gritties

En av de viktigste "reglene" når du bruker XHTML er at koden må være ren og fullstendig.

• Alle elementer må ha lukkemerker og hekke ordentlig.


• Alle tagger må skrives med små bokstaver - XML ​​er store og små bokstaver.


• Sluttmerker må være inkludert for ALLE elementer


• Alle attributter må være i sitater f.eks. bredde, colspan, rowspan


• Tomme elementer må ha en sluttmerke

En hjelpende hånd

Føler du deg overveldet over å lære enda et HTML-format? Hjelpen er tilgjengelig, i så fall. XStandard er en WYSIWYG-kodeditor som hjelper deg med å skrive ren ren XHTML-kode i XHTML 1.0 Strict eller XHTML 1.1. Skaperne beskriver denne programvaren som: "den mest avanserte, standardbaserte WYSIWYG-redigereren på markedet. Den er ideell for alle Windows- eller nettleserbaserte innholdsstyringssystemer som støtter ActiveX. XStandard administrerer innholdsrik innhold på alle språk, har sterke tilgjengelighetsfunksjoner , og støtter populære redigeringsalternativer, inkludert tabeller, innpakning av tekst rundt bilder, og dra og slipp av filer i redigeringsprogrammet. " Programvaren kommer i en gratis XStandard Lite-versjon og en mer allsidig XStandard Pro-versjon.

Hvis du vil at nettstedet ditt skal fungere godt i dagens nettlesere og ikke-tradisjonelle enheter, og fortsette å fungere godt i morgendagens, er det lurt å lage nye nettsteder i XHTML og konvertere gamle sider til XHTML slik arbeidsplanen tillater det. Dette er selvfølgelig ikke slutten! Allerede jobbes det med å lage XHTML 2.0. Flyttingen er å fokusere utelukkende på struktur, ikke bakoverkompatibilitet. Du kan lese om denne nyeste formen for XHTML på IBMs nettsted i artikkelen deres, Nettets fremtid: XHTML 2.0.

HTML Highlight Article Series

DEL 1: Bør en troverdig designer vite HTML?
DEL 2: HTML 3.2 - Wilburs fødsel
DEL 3: HTML 4.0 OG 4.01 - Mer av en god ting!
DEL 4: XHTML: Webkoding for raffinert design
DEL 5: DHTML: Dynamisk nettkoding

Video Instruksjoner: Responsive Web Design Mobile First Approach with HTML5 & CSS3-Part-01-Girish Solanki #GSFXMentor (Kan 2024).