HTML und XHTML
#1
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 Smile
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.
  Zitieren
#2
Nicht schlecht, ist zwar doch sehr an das selfhtml.net Tutorial gerichtet aber nicht schlecht, wollte darüber auch schon nen großes Tutorial schreben, werd ich mal machen.
Gehört aber doch eher zu "sonstige Tutorials"? ?(
  Zitieren
#3
mich würde mal interessieren, was bringt xhtml?

was ist da besser?
und welche browser verstehen es überhaupt?
  Zitieren
#4
ganz einfach: html geht immer mehr unter... irgendwann wird es wahrscheinlich nurnoch xhtml geben. und man kann sich gut jetzt schon daran gewöhnen.
  Zitieren
#5
hab bei selfhtml garnicht vorbeigeschaut Confusedchlaf:
  Zitieren
#6
glaub kaum das jemand xhtml 1.0 strict nimmt
eher xhtml 1.1 oder xhtml 1.0 transitional Wink
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren
#7
und welcher browser kommen jetzt schon mit xhtml zurecht?
  Zitieren
#8
eigentlich alle von ie über opera bis netscape und den ganzen linux browsern - habe bis jetzt noch keine probleme durch nen xhtml tag gesehn (eigentlich unterscheiden sich xhtml ja gar net so viel von html - es ist nur strikter damit der browser keine fehlerkorrektur benötigt die bei jedem unterschiedlich ist und es dadurch auch zu anderen darstellungen kommt)
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren
#9
Hallo,

XHTML wird wirklich immer öfters genutzt.
Werde sehr wahrscheinlich auch irgendwann mal umsteigen. :grübel:
Hier werden nur einzelne "Tags" wiedergegeben,
aber wie sieht es z.B. mit dem "table tag" aus ?
Wie sieht dieser "Tag" in xhtml aus ?
Bleiben diese "Tags" die geöffnet (<table>) und geschlossen (</table>) werden wie zuvor ?
So verstehe ich es zurzeit, da der body Tag auch so geblieben ist.
Nur bei einem brake (<br>) wurde es halt zu <br />.

Zitat:<table>
<tr>
<td>
</td>
</tr>
</table>

Gruß, Thomsen !
[Bild: bigplanet_10.gif]
  Zitieren
#10
der table tag ist im grunde genommen gleich geblieben
nur xhtml verzeiht keine falschen verschachtelungen (zb ein td oder sonst was ausgelassen)
es muss alles schön runter strukturiert sein

das mit <br />
ist auch ganz einfach
bei xhtmll müssen alle tags geschlossen werden, selbst <br> und <img> und um net <br></br> schreiben zu müssen gibts das Wink
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste