Folgende Warnungen sind aufgetreten:
Warning [2] Undefined property: MyLanguage::$archive_pages - Line: 2 - File: printthread.php(287) : eval()'d code PHP 8.2.18 (Linux)
File Line Function
/inc/class_error.php 153 errorHandler->error
/printthread.php(287) : eval()'d code 2 errorHandler->error_callback
/printthread.php 287 eval
/printthread.php 117 printthread_multipage



net-board.net Archiv
HTML und XHTML - Druckversion

+- net-board.net Archiv (https://net-board.net)
+-- Forum: Deine eigene Homepage (https://net-board.net/forumdisplay.php?fid=26)
+--- Forum: Scriptsprachen (+Datenbanksysteme) (https://net-board.net/forumdisplay.php?fid=19)
+---- Forum: Tutorials und Artikel: Programmieren und Datenbanken (https://net-board.net/forumdisplay.php?fid=15)
+---- Thema: HTML und XHTML (/showthread.php?tid=3148)

Seiten: 1 2


HTML und XHTML - Sodie - 21.11.2003

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.


- xeRo - 22.11.2003

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"? ?(


- marlem - 22.11.2003

mich würde mal interessieren, was bringt xhtml?

was ist da besser?
und welche browser verstehen es überhaupt?


- xeRo - 22.11.2003

ganz einfach: html geht immer mehr unter... irgendwann wird es wahrscheinlich nurnoch xhtml geben. und man kann sich gut jetzt schon daran gewöhnen.


- Sodie - 22.11.2003

hab bei selfhtml garnicht vorbeigeschaut Confusedchlaf:


- kickedINtheHEAD - 22.11.2003

glaub kaum das jemand xhtml 1.0 strict nimmt
eher xhtml 1.1 oder xhtml 1.0 transitional Wink


- marlem - 22.11.2003

und welcher browser kommen jetzt schon mit xhtml zurecht?


- kickedINtheHEAD - 22.11.2003

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)


- Thomsen - 16.07.2005

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 !


- kickedINtheHEAD - 18.07.2005

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