HTML - XHTML

XHTML wird im XML-Format geschrieben.

Was ist XHTML?

  • XHTML steht für Extensible HyperText Markup Language.
  • XHTML ist fast dasselbe wie HTML 4.01.
  • XHTML ist eine strengere und sauberere Version von HTML.
  • XHTML wird nach der Weise von XML-Anwendungen definiert.
  • XHTML istJanuar 2001W3C-Empfehlung, Standard veröffentlicht im Januar 2001
  • XHTML wird von allen gängigen Browsern unterstützt.

Warum XHTML verwenden?

Viele Seiten im Internet enthalten "schlechtes" HTML.

Wenn Sie diesen HTML-Code in einem Browser anzeigen, läuft er normal (obwohl er nicht den HTML-Regeln folgt):

<html> <head> <meta charset="utf-8"> <title>Dies ist ein irreguläres HTML</title> <body> <h1>Irreguläres HTML<p>Dies ist ein Absatz</body>

XML ist eine Auszeichnungssprache, die korrekt markiert und formatiert werden muss.

Wenn Sie XML lernen möchten, lesen Sie bitte unserXML-Tutorial。

In der heutigen Technologiebranche gibt es unterschiedliche Browser-Technologien. Einige laufen auf Computern, während andere auf Mobiltelefonen oder anderen kleinen Geräten laufen können. Kleine Geräte verfügen oft nicht über die Ressourcen und Fähigkeiten, um "schlechte" Auszeichnungssprachen zu interpretieren.

So wurde XHTML durch die Kombination der Stärken von XML und HTML entwickelt. XHTML ist als XML konzipiert.

Der wichtigste Unterschied zu HTML:

Dokumentstruktur

  • Der XHTML-DOCTYPE isterforderlich
  • Das XML-Namespace-Attribut in <html> isterforderlich
  • <html>, <head>, <title> und <body> sinderforderlich

Element-Syntax

  • XHTML-Elemente müssenkorrekt verschachtelt sein
  • XHTML-Elemente müssen immergeschlossen werden
  • XHTML-Elemente müssenkleingeschrieben sein
  • XHTML-Dokumente müssenein Wurzelelement haben

Attribut-Syntax

  • XHTML-Attribute müssenKleinbuchstaben verwenden
  • XHTML-Attributwerte müssen in Anführungszeichen eingeschlossen werdenXHTML-Attributminimierung ist
  • verboten<!DOCTYPE ....> ist erforderlich

<!DOCTYPE ....> ist erforderlich

Den vollständigen XHTML-Dokumenttyp finden Sie im Tag-Referenzhandbuch von Tutorial.

Fügen Sie Ihrer Webseite einen XHTML <!DOCTYPE> hinzu.Fügen Sie jedem <html>-Element das xmlns-Attribut hinzu.

Wandeln Sie alle Elemente in Kleinbuchstaben um.

Schließen Sie alle leeren Elemente.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>Wandeln Sie alle Attributnamen in Kleinbuchstaben um.</title> </head> <body>Fügen Sie allen Attributwerten Anführungszeichen hinzu.</body> </html>

XHTML-Elemente müssen korrekt verschachtelt sein

Geben Sie Ihre URL in das folgende Eingabefeld ein:

<b><i>Andere Erweiterungen</b></i>

KI-Denken...

<b><i>HTML-Zusammenfassung</i></b>

XHTML-Elemente müssen schließende Tags haben

Notizenliste

<p>Hier klicken, um Notizen zu teilen<p><p style="font-size:14px;">Notizen müssen eine Erweiterung des Inhalts dieses Artikels sein!</p><br> <p style="font-size:12px;"><a href="../tougao.html" target="_blank">Artikel einreichen, hier klicken</a></p> <p style="font-size:14px;"><a href="../w3cnote/example-user-test-intro.html" target="_blank">Registrierungs-Einladungscode erhalten</a></p> <h3 class="text-muted"><i class="fa fa-info-circle" aria-hidden="true"></i> Bevor Sie Notizen teilen können, müssen Sie sich <a href=";.html" class="example-pop">anmelden</a>!</h3> <p><a href="../w3cnote/example-user-test-intro.html" target="_blank">Registrierungs-Einladungscode erhalten</a></p>

Cancel

<p>Notiz teilen</p> <p>Spitzname</p>

Leere Elemente müssen schließende Tags haben

E-Mail

E-Mail (erforderlich)<br>Referenzadresse<hr>Referenzadresse<img src="happy.gif" alt="Lächelndes Gesicht">

Korrektes Beispiel:

Zeilenumbruch:<br />horizontale Linie:<hr />Bild:<img src="happy.gif" alt="Lächelndes Gesicht" />

XHTML-Elemente müssen kleingeschrieben werden

inkorrektes Beispiel:

<BODY> <P>Dies ist ein Absatz:</P> </BODY>

Korrektes Beispiel:

<body> <p>Dies ist ein Absatz:</p> </body>

Attributnamen müssen kleingeschrieben werden

inkorrektes Beispiel:

<table WIDTH="100%">

Korrektes Beispiel:

<table width="100%">

Attributwerte müssen in Anführungszeichen eingeschlossen sein

inkorrektes Beispiel:

<table width=100%>

Korrektes Beispiel:

<table width="100%">

Attribut-Kurzschreibweise ist nicht erlaubt

inkorrektes Beispiel:

<input checked> <input readonly> <input disabled> <option selected>

Korrektes Beispiel:

<input checked="checked"> <input readonly="readonly"> <input disabled="disabled"> <option selected="selected">

Wie man HTML in XHTML konvertiert

  1. Fügen Sie Ihrer Webseite ein XHTML <!DOCTYPE> hinzu:
  2. Fügen Sie jedem HTML-Element auf Ihrer Seite ein xmlns-Attribut hinzu.
  3. Wandeln Sie alle Elemente in Kleinbuchstaben um.
  4. Schließen Sie alle leeren Elemente.
  5. Ändern Sie alle Attributnamen in Kleinbuchstaben.
  6. Setzen Sie alle Attributwerte in Anführungszeichen.

Verwenden Sie den W3C-Validator, um Ihr XHTML zu testen

Bitte geben Sie Ihre URL in das folgende Eingabefeld ein:

Weitere Erweiterungen: