XHTML: Webkodning för förfinad design

XHTML 1.0 och 1.1 står för EXTÄNJBAR HYperText Markup Lspråket och representerar ett gigantiskt steg framåt från HTML 4.0. De kombinerar det bästa av HTML 4.0 med XML för att ge designern ett mer sofistikerat kodningsschema för förfinad och mer avgörande webbdesign.

W3C, föräldrar till alla HTML-språk, beskrev XHTML 1.0 som "den första stora förändringen till HTML sedan HTML 4.0 släpptes 1997. Det ger XML-rigoriteten till webbsidor och är grundstenen i W3Cs arbete för att skapa standarder som ger rikare webbsidor på ett ständigt ökande utbud av webbläsarplattformar inklusive mobiltelefoner, tv-apparater, bilar, trådlösa kommunikatörer i plånbokstorlekar, kiosker och stationära datorer. "

XHTML-variationer

Tre olika typer av XHTML finns tillgängliga för att tillgodose behoven hos alla webbdesigners. Dessa inkluderar Strict, Transitional och Frameset XHTML.

XHTML 1.0 Strikt - den renaste formen för erfarna webbdesigners. Den här versionen låter dig skapa knurrande ren kod, utan att behöva infoga layoutkod (typsnitt, färg, layout) i hela dokumentet. Istället integrerar du Cascading Style Sheet (CSS) -kod i början.

XHTML 1.0 Övergång - ett mitten av vägkodsformatet för att hjälpa designers som behöver tid att lära sig det här nya sättet att koda, eller vill ta emot tittare som fortfarande använder äldre webbläsare. Stilmallar används men god gammal HTML-kod ingår också. Till exempel innehåller kroppen taggen fortfarande attributen bgcolor, text, länkar, vlinks.

XHTML 1.0 Frameset - denna variation är självförklarande - du använder den när du vill integrera XHTML i ett rambaserat dokument.

Ännu en mer avancerad version, XHTML 1.1 gör det möjligt att lägga till modulkod för internationella och andra speciella kodbehov. RUBY-moduler är integrerade för att underlätta denna extra kodning. Den enskilt viktigaste förändringen i XHTML 1.1 är bortkopplingen av data från presentationen. Formateringen är inte längre inbäddad i data och kan endast uppnås genom att hänvisa till Cascading Style Sheets (CSS). Detta ger data tillgängliga för enkel analysering och återanvändning av ett brett utbud av nya produkter utan skrivbord och tillgänglighetsapplikationer.

Rensa din HTML

W3C: s Dave Raggett och Source Forge erbjuder för närvarande ett bra open source-verktyg, HTML Tidy till designers som vill konvertera sina nuvarande HTML-dokument till XHTML (och städa upp sin kod under processen). Detta praktiska verktyg hjälper din kod att lysa genom att utföra alla dessa användbara uppgifter:

  • Sluttaggar som saknas eller inte matchas upptäcks och korrigeras

  • Sluttaggar i fel ordning korrigeras

  • Löser problem med betoning på rubriken

  • Återställer från blandade taggar

  • Lägga till det saknade snedstrecket i sluttaggarna för ankare

  • Perfektlistor genom att sätta in saknade taggar

  • Saknade offerter kring attributvärden läggs till

  • Okända / äganderättsattribut rapporteras

  • Egna element redovisas och rapporteras som sådana

  • Taggar som saknar en avslutande konsol upptäcks

  • Ersätter överskottslayoutkod med stilegenskaper och regler med CSS

  • Tar bort tomma stycke- och rubrikelement

The Nitty Gritties

En av de primära "reglerna" när du använder XHTML är att koden måste vara ren och fullständig.

  • Alla element måste ha stängningstaggar och häcka ordentligt.

  • Alla taggar måste skrivas med små bokstäver - XML ​​är skiftlägeskänsligt.

  • Sluttaggar måste inkluderas för ALLT element

  • Alla attribut måste vara i citat, t.ex. bredd, colspan, rowspan

  • Tomma element måste ha en sluttagg


En hjälpande hand


Känner du dig överväldigad av att lära dig ännu ett HTML-format? Hjälp är till hands om så är fallet. XStandard är en WYSIWYG-kodredigerare som hjälper dig att skriva ren ren XHTML-kod i XHTML 1.0 Strict eller XHTML 1.1. Skaparna beskriver den här programvaran som: "den mest avancerade, standardbaserade WYSIWYG-redigeraren på marknaden. Den är idealisk för alla Windows- eller webbläsarbaserade innehållshanteringssystem som stöder ActiveX. XStandard hanterar rikt innehåll på alla språk, har stark tillgänglighet , och stöder populära redigeringsalternativ inklusive tabeller, inslagning av text runt bilder och dra och släppa fil i redigeraren. " Mjukvaran finns i en gratis XStandard Lite-version och en mer mångsidig XStandard Pro-version.

Om du vill att din webbplats ska fungera bra i dagens webbläsare och icke-traditionella enheter och att fortsätta fungera bra i morgondagens är det en bra idé att författa nya webbplatser i XHTML och konvertera gamla sidor till XHTML som ditt arbetsschema tillåter. Naturligtvis är detta inte slutet! Redan arbetar man med att skapa XHTML 2.0. Flytten är att enbart fokusera på struktur, inte bakåtkompatibilitet. Du kan läsa om den här senaste formen av XHTML på IBMs webbplats i deras artikel, Nätets framtid: XHTML 2.0.

HTML Highlight Article Series

DEL 1: Bör en trovärdig designer veta HTML?
DEL 2: HTML 3.2 - Wilburs födelse
DEL 3: HTML 4.0 OCH 4.01 - Mer av en bra sak!
DEL 4: XHTML: Webkodning för förfinad design
DEL 5: DHTML: Dynamisk webbkodning