Lädt...

HTML XHTML

Zuvor lehrte SSE, EventSource zu öffnen und einen einseitigen Server-Textstream zu empfangen — Live-Updates, keine Dokument-Syntax-Geschichte. Diese Lektion verlässt Streams und schließt den optionalen Historien-Track mit XHTML: HTML unter XML-Regeln. Praxis — was strenger war, was HTML5 änderte, welche Gewohnheiten helfen — keine XML-Schemas.

Warum XHTML in einem HTML-Kurs

Anfänger sehen „XHTML Strict“ und denken, jede Seite müsse neu geschrieben werden. Nein — HTML5 ist das Mainstream-Ziel. Die alte Strenge erklärt Kleinbuchstaben, Anführungszeichen und
. Nach Server-Push ist die Trennung hier: Markup-Regeln und Geschichte, keine Echtzeit-APIs.

Direkte Antwort

1) XHTML = HTML als XML. 2) Klassische Gewohnheiten: Kleinbuchstaben, zitierte Attribute, explizite Leerelemente. 3) Modern: HTML5 mit <!DOCTYPE html>. 4) Sauberes Markup zählt weiter. 5) Neue Projekte: HTML5-Muster. 6) Alte XHTML-Ratschläge in HTML5-Praxis übersetzen.

📊 HTML5 vs classic XHTML habits

Topic HTML5 (this course) XHTML-style strictness
Doctype <!DOCTYPE html> Older XHTML DOCTYPE lines
Empty elements <br> / <img> fine Often <br /> / <img … />
Attribute quotes Strongly recommended Required in XHTML
Element case Lowercase by convention Lowercase required in XHTML
Error recovery Forgiving HTML parsers XML rules were stricter
This course depth Required (daily practice) History + habits to recognize
Not this lesson Full CSS layout course XML schemas / MIME product design

Winziger Leertag-Kontrast

Gleiche Bedeutung, zwei Schreibstile. Browser akzeptieren beide in typischem HTML5; der Schrägstrich ist der Hinweis auf XHTML-Ära-Material.

Empty tag contrast HTML5 vs XHTML-looking

html 
<!-- HTML5-friendly empty tags -->
<p>Line one<br>Line two</p>
<img src="photo.jpg" alt="Demo photo">

<!-- XHTML-looking empty-element form -->
<p>Line one<br />Line two</p>
<img src="photo.jpg" alt="Demo photo" />

Den Kontrast lesen

  • br und br / bedeuten beide Zeilenumbruch im Alltag-HTML5
  • Der / war leeres Element in XHTML-XML-Schreiben
  • Anführungszeichen um src/alt sind gute HTML5-Gewohnheit und in XHTML Pflicht
  • Kleinbuchstaben passen zu beiden
  • Kein SSE — kein EventSource
  • MIME nicht nur wegen br / wechseln
  • Intro klein halten

Winzige wohlgeformte Mini-Seite

Kurzes Dokument mit Gewohnheiten beider Epochen: Doctype, Charset, zitierte Attribute, geschlossene Elemente. Beim HTML5-Doctype bleiben.

Tiny well-formed HTML5 mini page

html 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Well-formed mini page</title>
</head>
<body>
<h1>Clean markup still helps</h1>
<p>Quoted attributes and closed tags keep the tree clear.</p>
<img src="photo.jpg" alt="A demo photo">
</body>
</html>

Die Mini-Seite lesen

  • <!DOCTYPE html> markiert HTML5
  • lang, charset, Anführungszeichen sind dauerhafte Gewohnheiten
  • Nicht-void-Elemente schließen
  • alt ist Barrierefreiheit
  • Unrelated zu SSE
  • Alte Tutorials: Gewohnheiten mappen, HTML5 für Neues behalten
  • Nächster Schritt oft CSS

HTML5, XHTML-Gewohnheiten oder alte Tutorials wählen

  • Neue Kursseite: HTML5 + saubere Gewohnheiten
  • Altes XHTML-Strict-Buch: Regeln übersetzen; HTML5-Doctype behalten
  • br / sehen: XHTML-Ära-Stil
  • Live-Server-Push: war SSE
  • Off-Thread-Compute: waren Workers
  • XML-Schemas / application/xhtml+xml: jenseits dieses Intros

Übung — vergleichen, HTML5 behalten, Epochen trennen

  1. Leertag-Kontrast lesen.
  2. Gewohnheitstabelle skimzen.
  3. Mini-Seite: HTML5-Doctype bestätigen.
  4. Satz: SSE streamt Ereignisse; XHTML ist Markup-Geschichte.
  5. Satz: Neue Anfängerprojekte zielen auf HTML5.
  6. Optional: Snippet mit Quotes aufräumen.
  7. Kurshinweis: schließt die HTML-Rewrite-Queue.

Typische Fehler

  • Volles XHTML-MIME/XML blind erzwingen
  • HTML5-Nachsicht als Freibrief für schlechtes Markup
  • Epochen ohne Styleguide mischen
  • Mit SSE verwechseln
  • Glauben, jede Site müsse XHTML Strict sein
  • Alten XHTML-Doctype in neue Projekte kopieren
  • Quotes „nur für XHTML“ halten

Zusammenfassung

  • XHTML war HTML unter strengeren XML-ähnlichen Regeln
  • HTML5 mit <!DOCTYPE html> ist der moderne Default
  • Kleinbuchstaben, Quotes und klare Tags helfen weiter
  • Alte XHTML-Tutorials übersetzen
  • SSE war Live-Push; diese Lektion ist Markup-Geschichte
  • Die HTML-Rewrite-Queue endet hier — als Nächstes oft CSS

🧠 Testen Sie Ihr Wissen

Bereit zum Start

Testen Sie Ihr Wissen

Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen

❓
5
Fragen
🎯
70%
Zum Bestehen
♾️
∞
Zeit
🔄
∞
Versuche

📝 Anweisungen

  • Lesen Sie jede Frage sorgfältig
  • Wählen Sie die beste Antwort für jede Frage
  • Sie können das Quiz so oft wiederholen, wie Sie möchten
  • Ihr Fortschritt wird oben angezeigt
Thema 68 von 68
Html Tutorial