21.11.2003, 20:07
Tutorial - Unterschied zwischen HTML und XHTML
Leute ohne HTML Kenntnissen wird das Tuto nichts bringen.
Allgemeines:
Zwischen HTML und XHTML bestehen wenig aber wichtige Unterschiede. Erstmal der Name. HTML steht für HyperText Markup Language. XHTML steht für Extensible HyperText Markup Language. Wie man sich nun schon danken kann ist XHTML grob gesagt eine erweiterte Form von HTML. XHTML ist zukunftsorientierter und viel sensibler als HTML. Beide Dateien enden mit .html
Funktionen:
Die Unterschiede bei HTML zu XHTML fangen in ihrer Dokumenttyp Angabe an.
HTML:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">XHTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Die Erklärung hierzu ist in diesem Tutorial nicht enthalten. Diese Tags geben nur an in welcher Sprache man schreib (HTML oder XHTML).
Weiter geht’s.
Nun der Tag der bestimmt das ab hier der Code Anfängt.
HTML:
Code:
<html>
<!-- Inhalt der Datei -->
</html>XHTML:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Inhalt der Datei -->
</html>Genauere Erklärungen bleiben auch hier wieder aus. Es bedeutet halt hier fangen die Codes an. Da es Unterschiede gibt wird auch hier noch mal Angegeben ob es sich im HTML oder XHTML handelt.
Nun die Feinheiten.
Mit HTML kann man sehr leichtfertig umgehen. Ob man dort einen Tag groß oder klein schreib ist bei HTML egal. Beispiel:
Code:
<html>
<TITLE>Seite 1</titLE>
Inhalt
</head>Dies ist eine HTML Seite wo ich schönheits- Fehler eingebaut habe. Das Title ist erst groß geschrieben und dann mal groß mal klein. Beim coden sollte man Tags steht klein halten. Dann wird der <html> Tag nicht geschlossen und der <head> Tag wird gar nicht erst geöffnet. Der Body Tag ist gar nicht vorhanden. Dennoch wird die Seite mit diesem Code korrekt dargestellt. Nun Versuchen wir dies mal in XHTML.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<TITLE>Seite 1</title>
Inhalt
</head>Nun habe ich dieselben Fehler eingebaut nur in XHTML. Also, bei XHTML muss das komplette Gerüst vorhanden sein und die Tags müssen kleingeschrieben sein. Hier mal beide Codes richtig damit ihr vergleichen könnt.
HTML:
Code:
<html>
<head>
<title>Seite 1</title>
</head>
<body>
Inhalt
</body>
</html>XHTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Seite 1</title>
</head>
<body>
Inhalt
</body>
</html>Weiter im Text
Viele Tags sehen in XHTML anders aus als in HTML. Beispiele:
HTML:
Code:
<br> <img> <hr>XHTML:
Code:
<br /> <img /> <hr />Nun ein ganzen Befehl für die Vorstellung.
HTML:
Code:
<img src=“images/bild.gif“>XHTML:
Code:
<img src=“images/bild.gif“ />Ende:
Dies war das Grundlegende in HTML und XHTML. Ich hoffe ich konnte euch damit helfen. Fragen, Fehler oder Feedback an mail@entfernt.de oder diesen Thread.