xhtml

1. Inledning

Det kom aldrig någon standard kallad HTML 5.0 efter den förra 4.01. Istället kom standarden XHTML 1.0, vilket betyder Extensible Hypertext Markup Language. Men nu innebär inte detta helt nya och revolutionerande saker, utan du kan känna dig helt lugn. Dels på grund av att denna nya standard inte skiljer sig så mycket ifrån HTML och dels på grund av stödet hos webbläsarna. Det tar nämligen tid innan tekniken fått fullt genomslag, så jag rekommenderar starkt att tills vidare fortsätta koda efter HTML 4.0. Du vill väl att människor skall kunna läsa dina sidor?

XHTML kräver att du kodar korrekt, till skillnad från HTML-standarden. Det är en stor nyhet som säkert kräver större förståelse för kodning och/eller bra editorer som fixar det. XHTML bygger på koderna som finns för HTML, men dessa skall nu skrivas med små bokstäver. Detta är ytterligare en nyhet! XHTML är alltså endast en vidareutveckling av HTML.

Alla koder skall också avslutas, alltså även dem som man förut inte behövde avsluta. Exempelvis avslutas <br> som <br/> och <img> avslutas <img src="bild.jpg" width="100" height="200" alt="Huset" />.

Doctype anges precis som i HTML, fast har nu ett litet annat innehåll (obs: ta ej hänsyn till eventuella radbrytningar):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "DTD/xhtml1-frameset.dtd">

Till detta skall <html>-taggen utökas till att innefatta <html xmlns="http://www.w3.org/1999/xhtml">, samt att man kan lägga till attributen xml:lang="en" lang="en" om man vill. Om sidan är på svenska ändras lang="en" till lang="sv" istället.

Om du vill kan du även lägga till en XML-dokumenttypsdeklaration först i dokumentet:
<?xml version="1.0" encoding="UTF-8"?>

 

2. Exempel på kod

Så här kan ett exempel på kodning i XHTML se ut (obs: ta ej hänsyn till eventuella radbrytningar):

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>XHTML-kodning</title>
</head>
<body>
Text och bilder...
</body>
</html>

Kan du HTML ser du att det finns vissa skillnader, men stommen är nästan densamma som förut!

 

3. Nyheter -en sammanfattning

  • Alla koder skrivs med små bokstäver
  • Man måste skriva kod korrekt och fel accepteras inte
  • Alla koder måste avslutas. Tomma element som <br> avslutas <br/> och element som <img> avslutas
    <img src="bild.gif" width="100" height="150" alt="Bild" />
  • Man anger Doctype på ett nytt sätt (se ovan)
  • Om man vill kan man lägga till överst: <?xml version="1.0" encoding="UTF-8"?>
  • Man utökar <html> koden, exempelvis: <html xmlns="http://www.w3.org/1999/xhtml">
  • Alla attribut omges med "-tecken och innehar också ett värde. Exempelvis: width="30"
  • Försök undvika tomma mellanslag och radbrytningar inom taggarna
  • I attributvärden skall &-tecknet ersättas med &amp;
  • Ersätt attributet name på sikt med id
  • Har du .css eller .js-filer, låt dem vara externa

 

4. Läs vidare

Vill du läsa mer kan jag rekommendera ett besök hos http://www.w3.org/TR/xhtml1



 
portfolio
dagens bibelord
infoga bilder
ge hemsidan färg
introduktion css
bildväxling för menyer i JavaScript
Kodförteckning för html 4.0
Var med och rösta i en fototävling
  kontakt © Stefan Dahlén Söndag 14:e mars 2010