Het verschil tussen XHTML en HTML

Door strakke HTML te schrijven, kun je je voorbereiden op XHTML.

Hoe je je voorbereidt op XHTML

XHTML en HTML 4.01 standaarden zijn niet zo heel verschillend.

Dus het upgraden van je code naar 4.01 is een goed begin. Onze volledige <HTML 4.01 referentiemanual》 zal je hierbij helpen.

Daarnaast moet je onmiddellijk HTML-code in kleine letters schrijven en de slechte gewoonte om etiketten zoals </p> te negeren, vermijden.

Wij wensen u veel plezier bij het programmeren!

Het belangrijkste verschil:

  • XHTML-elementen moeten correct genest zijn
  • XHTML-elementen moeten gesloten worden
  • Etiketten moeten in kleine letters zijn
  • Een XHTML-document moet een root-element hebben

Elementen moeten correct genest zijn

In HTML kunnen sommige elementen niet correct genest zijn zoals hieronder:

<b><i>Deze tekst is vet en cursief</b></i>

In XHTML moeten alle elementen correct genest zijn zoals hieronder:

<b><i>Deze tekst is vet en cursief</i></b>

Tip:Een gemakkelijk te maken fout in geneste lijsten is om te vergeten dat de interne lijst moet staan binnen de li-elementen, zoals hieronder:

Dit is fout:

<ul>
  <li>Koffie</li>
  <li>Thee</li>
    <ul>
      <li>Donkere thee</li>
      <li>Groene thee</li>
    </ul>
  <li>Melk</li>
</ul>

Dit is correct:

<ul>
  <li>Koffie</li>
  <li>Thee
    <ul>
      <li>Donkere thee</li>
      <li>Groene thee</li>
    </ul>
  </li>
  <li>Melk</li>
</ul>

Let op: In voorbeelden van correcte code hebben we een </ul>-etiket geplaatst na </li>.

XHTML-elementen moeten gesloten worden

Niet-lege tags moeten een einde-etiket gebruiken.

Dit is fout:

<p>Dit is een paragraaf
<p>Dit is een ander paragraaf

Dit is correct:

<p>Dit is een paragraaf</p>
<p>Dit is een ander paragraaf</p>

Lege tags moeten ook gesloten worden

Lege tags moeten ook een einde-etiket gebruiken, of hun begin-etiket moet gesloten zijn/>Einde.

Dit is fout:

Een knip: <br>
Een horizontale lijn: <hr>
Een afbeelding: <img src="happy.gif" alt="Happy face">

Dit is correct:

Een knip: <br />
Een horizontale lijn: <hr />
Een afbeelding: <img src="happy.gif" alt="Happy face" />

XHTML 元素必须小写

XHTML 规范定义：标签名和属性对大小写敏感。

Dit is fout:

<BODY>
<P>Dit is een paragraaf</P>
</BODY>

Dit is correct:

<body>
<p>Dit is een paragraaf</p>
</body>

Een XHTML-document moet een wortelelement hebben

Alle XHTML-elementen moeten worden ingesloten binnen de <html>-hoofdstructuur. Alle andere elementen kunnen sub-elementen hebben. Sub-elementen moeten paren zijn en moeten worden ingesloten binnen hun ouder-element. De basisdocumentstructuur ziet er als volgt uit:

<html>
<head> ... </head>
<body> ... </body>
</html>