Vad är skillnaderna mellan XHTML och CSS?

XHTML (Extensible HyperText Markup Language) och Cascading Style Sheets (CSS) är båda datorprogrammeringsspråk som ofta används i webbutveckling. De två språken har olika syften och kompletterar varandra, med XHTML som definierar strukturen och innehållet på en webbsida och CSS ger stil. Var och en har olika regler för programmering. XHTML och CSS tillsammans kan göra webbplatser mer effektiva och tillgängliga.

XHTML och CSS är två vanliga tekniker för att skapa webbplatser och används ofta tillsammans. Den förra är i allmänhet ansvarig för innehållet och strukturen på en webbsida, medan den senare används för att ändra stilen och presentationen av sidan. Ett stycke definieras till exempel som ett stycke med XHTML, men teckensnitt, färg och storlek på texten i ett stycke definieras med CSS. En annan skillnad mellan XHTML och CSS är att ett XHTML-dokument kan användas på egen hand, medan en CSS-fil i sig inte gör något.

Ur programmeringssynpunkt har båda teknologierna olika stilar, även om de flesta webbutvecklingsverktyg kan skapa både XHTML och CSS. XHTML är ett uppmärkningsspråk, en typ av programmeringsspråk där ord eller bokstäver är ”markerade” med speciella symboler för att skapa ”taggar”. En tagg i XHTML definierar olika delar av en webbsida och refererar till externt innehåll. A

taggen, till exempel, definierar ett textblock som ett stycke, medan taggen refererar till en extern bildfil för inkludering på sidan. XHTMLs föregångare, HyperText Markup Language (HTML), innehöll också taggar som definierade stilelement som typsnitt och textfärg, men dessa togs bort i XHTML.

Utvecklad för att ge webbförfattare en mer effektiv metod för att lägga till stil på sina sidor, CSS kan appliceras på HTML- eller XHTML-filer. Det är ett stilmallsspråk som talar om för en webbläsare eller annan mjukvara hur man presenterar en webbsida eller annat dokument för en användare. CSS använder väljare, som kan vara HTML- eller XHTML-taggar samt anpassade typer av innehåll, och deklarationer som deklarerar stilen som tillämpas på föregående väljare. CSS-koden kan placeras i en XHTML-fil eller i en separat fil som kan återanvändas på många sidor på webbplatsen.

En kombination av XHTML och CSS är på många sätt överlägsen äldre webbutvecklingsmetoder. Tidigare har många HTML-taggar avsedda att förmedla struktur slutade användas för layout- och stiländamål. Under den nyare metoden har XHTML och CSS båda tydligt definierade roller. CSS kan också öka en webbplatss tillgänglighet eftersom olika CSS-filer kan appliceras på samma XHTML-kod för att förändra hur en sida eller webbplats ser ut. Webbutvecklare kan också ändra utseendet på en sida utan att ändra den underliggande koden, och sökmotorer kan indexera webbsidor utan att behöva sortera igenom irrelevanta stiltaggar.