XHTML 1.0: verschillen met HTML 4

  1. Inleiding
  2. Correcte formulering (nesten)
  3. Lowercase
  4. Eindtags
  5. Attributen

Inleiding

XHTML-documenten vormen in feite documenten waarvan de elementen gedefiniëerd zijn in HTML 4, met daarop de strengere regels van XML toegepast. Het is dan ook onontbeerlijk om eerst HTML 4 te leren, daar je hier alle basiselementen voor XHTML leert kennen.

In dit cursusonderdeel leer je enkel hoe je correcte XHTML-documenten kan maken gebaseerd op de kennis die je reeds hebt uit de cursus HTML 4.

Correcte formulering (nesten)

Tags moeten in XHTML correct genest worden.
<p><b>Een alinea met vette tekst</b></p>
NIET:
<p><b>Een alinea met vette tekst</p></b>

Lowercase

Elementen en attributen moeten in XHTML in kleine letters (lowercase) genoteerd worden.

Eindtags

Niet lege elementen

Niet lege elementen moeten eindtags hebben
<p>Een alinea met een beetje tekst</p>
NIET:
<p>Een alinea met een beetje tekst

Lege elementen

Lege elementen moeten ofwel een eindtag hebben of de start-tag moet eindigen met een / (slash).
Een een beetje tekst<br></br>
Een een beetje tekst<br />
NIET:
Een een beetje tekst<br>

Attributen

Aanhalingstekens

Attribuutwaarden moeten steeds tussen aanhalingstekens geplaatst worden.
...
<td rowspan="2">...
NIET:
...
<td rowspan=2>...

Geen compacte notatie

Je kan geen compacte notatie voor bepaalde attributen meer gebruiken zoals in HTML4.
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"

id in plaats van name

In XHTML is het name-attribuut afgekeurd, gebruik het attribuut id.

lang-attribuut

Als je de taal wenst aan te geven die binnen een element wordt gebruikt kanje het lang-attribuut gebruiken. In XHTML moet je ook het xml:lang-attribuut gebruiken.
<p lang="nl" xml:lang="nl">Een beetje tekst in het Nederlands</p>

Meer tutorials:
leer ook: html | xhtml | css | asp | asp.net | c# | ado.net | linq | ajax | java | javascript
Valid XHTML 1.0! Valid CSS! © - Cursusweb