Lerne Lara kennen – deine KI-Assistentin für alles. 💬 Jetzt ausprobieren.

Loading...

HTML vs. XHTML

HTML-URL-CodierungHTML-Formulare

Sowohl HTML als auch XHTML beschreiben die Struktur von Webseiten, folgen aber unterschiedlichen Regelwerken. Lerne die Unterschiede und wann man welches Format verwendet.

Wichtige Unterschiede

HTML hat eine lockere Syntax und verzeiht viele Fehler. XHTML ist strenger und basiert auf XML – hier führen Fehler zu Problemen. Einige zentrale Unterschiede sind:

HTMLXHTML
Nicht alle Elemente müssen geschlossen werden.Alle Elemente müssen explizit geschlossen werden.
Attributwerte können ohne Anführungszeichen angegeben werden.Alle Attribute müssen in Anführungszeichen stehen.
Groß-/Kleinschreibung ist nicht relevant.Groß-/Kleinschreibung ist aufgrund von XML relevant.
Kurzschreibweisen sind erlaubt (z. B. <br>).Selbstschließende Tags sind erforderlich (z. B. <br />).

HTML- und XHTML-Beispiele

HTML-Beispiel (tolerant)

html

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Example</title>
  </head>
  <body>
    <img src="image.jpg">
    <br>
  </body>
</html>

XHTML-Beispiel (strikter)

html

<?xml version="1.0" encoding="UTF-8"?>
<!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>XHTML Example</title>
  </head>
  <body>
    <img src="image.jpg" alt="Image" />
    <br />
  </body>
</html>

Was soll man verwenden?

Heute verwenden die meisten Webseiten HTML5, da es moderner, schneller und besser von Browsern unterstützt wird. XHTML wird hauptsächlich dort genutzt, wo XML-Kompatibilität erforderlich ist – etwa bei Datenverarbeitung.

✨ Frag Lara — deine KI-Lernpartnerin

Entsperre personalisierte Lernunterstützung. Lara kann Lektionen erklären, Themen zusammenfassen und deine Lernfragen beantworten — verfügbar ab dem Go-Tarif.


Lara hilft dir, schneller zu lernen — exklusiv für ReadyTools Go-, Plus- und Max-Mitglieder.

Verfolge deinen Fortschritt 🚀

Lerne einfacher, indem du deinen Fortschritt kostenlos verfolgst.


Top-Werkzeuge

BoardlyLinksyChromoCodeHub

Sprache wählen

Thema wählen

© 2025 ReadyTools. Alle Rechte vorbehalten.