XHTML syntax
- Föregående sida XHTML v HTML
- Nästa sida XHTML DTD
Att skriva XHTML-kod kräver ren HTML-syntaks
Mer XHTML-syntaksregler:
- Attributnamn måste vara små bokstäver
- Attributvärden måste anges inom citationstecken
- Attribut kan inte förkortas
- Använd Id-attribut istället för name-attribut
- XHTML DTD definierar obligatoriska HTML-element
Attributnamn måste vara små bokstäver
Detta är fel:
<table WIDTH
="100%">
Detta är korrekt:
<table width
="100%">
Attributvärden måste anges inom citationstecken
Detta är fel:
<table width=100%
>
Detta är korrekt:
<table width="100%"
>
Attribut kan inte förkortas
Detta är fel:
<input checked> <input readonly> <input disabled> <option selected> <frame noresize>
Detta är korrekt:
<input checked="checked" /> <input readonly="readonly" /> <input disabled="disabled" /> <option selected="selected" /> <frame noresize="noresize" />
Nedan är en lista över förkorta HTML-attribut och deras motsvarande skrivning i XHTML:
HTML | XHTML |
---|---|
compact | compact="compact" |
checked | checked="checked" |
declare | declare="declare" |
readonly | readonly="readonly" |
disabled | disabled="disabled" |
selected | selected="selected" |
defer | defer="defer" |
ismap | ismap="ismap" |
nohref | nohref="nohref" |
noshade | noshade="noshade" |
nowrap | nowrap="nowrap" |
multiple | multiple="multiple" |
noresize | noresize="noresize" |
Använd id-egenskapen istället för name-egenskapen
HTML 4.01 definierar name-egenskapen för följande element: a, applet, frame, iframe, img och map.
Det är inte uppmuntrat att använda name-egenskapen i XHTML, använd istället id.
Detta är fel:
<img src="picture.gif" name
="picture1" />
Detta är korrekt:
<img src="picture.gif" id
="picture1" />
Viktiga kompatibilitets tips:
Du bör lägga till en extra tom mellanslag före "/"-tecknet för att din XHTML ska vara kompatibel med dagens webbläsare.
Språk egenskap (lang)
lang-egenskapen tillämpas på nästan alla XHTML-element. Den definierar typen av språk som används för innehållet inom elementet.
Om du använder lang-egenskapen för något element, måste du lägga till ett extra xml:lang, som så här:
<div lang="no" xml:lang="no"
>Heia Norge!</div>
Tvingande XHTML-element
Alla XHTML-dokument måste ha en filtypsdeklaration (DOCTYPE-deklaration). I XHTML-dokument måste html, head, body-elementen finnas, och title-elementet måste vara i head-elementet.
Nedan är en minimerad XHTML-filmall:
<!DOCTYPE Doctype goes here>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title goes here</title>
</head>
<body>
</body>
</html>
Tips:Filtypsdeklarationen är inte en del av XHTML-dokumentet självt. Det är inte en XHTML-element, och det finns ingen stängningstagg.
Tips:I XHTML är xmlns-attributet inom <html>-taggen nödvändigt. Även om det inte finns något sådant attribut i ett XHTML-dokument kommer valideringsverktyget från w3.org inte att visa ett fel. Detta beror på att "xmlns=http://www.w3.org/1999/xhtml" är en fast värde, och denna värde läggs till till <html>-taggen även om du inte inkluderar det i koden.
Du kommer att lära dig mer om XHTML dokumenttypsdeklarationer i nästa kapitel.
- Föregående sida XHTML v HTML
- Nästa sida XHTML DTD