HTML versus XHTML
XHTML is 'n strenger, meer XML-gebaseerde weergawe van HTML.
Wat is XHTML?
- XHTML staan vir E X tensible H yper T ext M arkup T anguage
- XHTML is 'n strenger, meer XML-gebaseerde weergawe van HTML
- XHTML is HTML wat gedefinieer word as 'n XML-toepassing
- XHTML word deur alle groot blaaiers ondersteun
Hoekom XHTML?
XML is 'n opmerktaal waar alle dokumente korrek gemerk moet word (“goed gevorm” wees).
XHTML is ontwikkel om HTML meer uitbreidbaar en buigsaam te maak om met ander dataformate (soos XML) te werk. Boonop ignoreer blaaiers foute in HTML-bladsye en probeer om die webwerf te vertoon, selfs al het dit 'n paar foute in die opmaak. So XHTML kom met 'n baie strenger fouthantering.
As jy XML wil bestudeer, lees asseblief ons XML-tutoriaal .
Die belangrikste verskille van HTML
- <!DOCTYPE> is verpligtend
- Die xmlns-kenmerk in <html> is verpligtend
- <html>, <head>, <title> en <body> is verpligtend
- Elemente moet altyd behoorlik geneste wees
- Elemente moet altyd toe wees
- Elemente moet altyd in kleinletters wees
- Kenmerkname moet altyd in kleinletters wees
- Eienskapwaardes moet altyd aangehaal word
- Eienskap-minimalisering is verbode
XHTML - <!DOCTYPE ....> is verpligtend
'n XHTML-dokument moet 'n XHTML <!DOCTYPE>-verklaring hê.
Die <html>-, <head>-, <title>- en <body>-elemente moet ook teenwoordig wees, en die xmlns-kenmerk in <html> moet die xml-naamspasie vir die dokument spesifiseer.
Voorbeeld
Hier is 'n XHTML-dokument met 'n minimum van vereiste etikette:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
XHTML-elemente moet behoorlik geneste wees
In XHTML moet elemente altyd behoorlik in mekaar geneste wees, soos volg:
korrek:
<b><i>Some
text</i></b>
Verkeerde:
<b><i>Some
text</b></i>
XHTML-elemente moet altyd gesluit wees
In XHTML moet elemente altyd gesluit wees, soos volg:
korrek:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Verkeerde:
<p>This is a paragraph
<p>This is another paragraph
XHTML-leë elemente moet altyd gesluit wees
In XHTML moet leë elemente altyd gesluit word, soos volg:
korrek:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
Verkeerde:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
XHTML-elemente moet in kleinletters wees
In XHTML moet elementname altyd in kleinletters wees, soos volg:
korrek:
<body>
<p>This is a paragraph</p>
</body>
Verkeerde:
<BODY>
<P>This is a paragraph</P>
</BODY>
XHTML-kenmerkname moet in kleinletters wees
In XHTML moet kenmerkname altyd in kleinletters wees, soos volg:
korrek:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Verkeerde:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
XHTML-kenmerkwaardes moet aangehaal word
In XHTML moet kenmerkwaardes altyd aangehaal word, soos volg:
korrek:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Verkeerde:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>
XHTML-kenmerkminimalisering is verbode
In XHTML is kenmerkminimering verbode:
korrek:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />
Verkeerde:
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />