Framåtkompatibel och standardiserad kod

Gamla HTML

HTML var från början tänkt för strukturering och visning av text. Möjligheterna att lägga in bilder och kontrollera utseendet kom senare och var till en början mycket begränsat. Det gjorde att man ofta fick man gå omvägar och använda textformatering för att styra layout av nätsidorna. Koden blev klumpig och den tidningsliknande nätdesign som idag är vanlig krävde mängder av kodning.

För några år sedan lades även mycket energi ned på att få kod att fungera för olika browserversioner (Netscape och Internet Explorer för både Mac och PC). Skillnaderna på hur samma innehåll visades kunde vara stor. Mellan varje ny lansering gjordes stora förändringar och ingen tillverkare följde helt riktlinjerna för den standard som utarbetats av W3C.

Nu är det betydligt bättre vad det gäller standardisering och istället för att skriva om koden flera gånger kan man nu skriva den en gång och veta att den fungerar som man önskat.

HTML bygger på att taggar ( instruktion till programmet som läser HTML-texten) talar om vad som är tex. en rubrik <h1>Rubrik</h1> eller en länk <a href=”http://www.sajt.com”>länk till sajt</a> i texten. Denna typ av strukturering använder sig bla. sökmotorer av .

Ofta slarvas det med struktureringen. Det är vanligt att fetstil (<b>Rubrik</b>) används istället för html-taggen för rubrik (<h1>Rubrik</h1>) . Detta gör att texten ser ut och läses som en rubrik av användaren, men inte av datorer.

För en bättre strukturering av digitalt innehåll utvecklas XML.

Nya XML

I XML (eXtensible Markup Language) kan skapa sina egna taggar för att bäst beskriva innehållet. XML är tänkt att användas till mer än webbdokument. Struktureringen av innehåll kan utnyttjas av andra programvaror. Tex. kan samma dokument läggas till en databas, bli ett webbdokument, skrivas ut, läsas upp eller visas på mobiltelefon.
Med en noggrannare strukturering kan sökmotorer bli ett betydligt mer exakt redskap.
XML kommer att få många fler användningsområden än HTML har idag.

Mellansteget XHTML

(eXtensible Hypertext Markup Language)
XHTML är en kombination av XML och HTML där XML-funktionalitet har lagts till HTML.

Visuell kontroll med CSS

XML och XHTML gör ett bättre jobb än HTML med strukturering av innehållet medan CSS (Cascading Style Sheets) används för att ha bättre kontroll över layout och utseende.
CSS har flera fördelar jämfört med HTML:

Globalt

Man kan göra ett dokument som styr utseendet och formateringen av text på en sajts alla dokument. Det gör att om man tex. vill byta färg på länkar så gör man det i ett CSS-dokument som gäller för hela sajten istället för i varje html-dokument.

Kompaktare kod

Textens utseende beskrivs när första sidan laddas ned och i följande hänvisar man till samma css-dokument. Det gör att inte textutseende behöver beskrivas i html-koden för varje rubrik eller stycke. Det blir mindre kod och sidorna laddas fortare.

Kompatibelt

CSS ser likadant ut mellan olika browsers. Det gör inte HTML.

CSS stöds från 4.0 versioner av browsers (ca. 1997 års modell).

Checklista

• Idag bör en sajt byggas I XHTML för att vara kompatibel med framtida browsers och sökmotorer.
• Cascading Style Sheets gör uppbyggnad och underhåll av en sajt lättare och bättre.
• Undvik html-taggar som bara styr utseende som tex. <font>, det är inte säkert att framtida browsers har stöd för dem.