XHTML-Definition

23. Mai 2022

XHTML (Extensible Hypertext Markup Language) ist eine Auszeichnungssprache, die Folgendes kombiniert flexFähigkeit von HTML (Hypertext Markup Language) mit der strengen Syntax und Erweiterbarkeit von XML (Extensible Markup Language). XHTML wurde als Nachfolger von HTML entwickelt und ist ein W3C-Standard, der darauf abzielt, die Struktur, Kompatibilität und Interoperabilität von Webdokumenten durch die Durchsetzung strengerer Syntaxregeln zu verbessern.

Im Gegensatz zu HTML, das manchmal Seiten mit geringfügigen Fehlern anzeigt, müssen XHTML-Dokumente den XML-Standardregeln folgen, um korrekt verarbeitet zu werden Internetbrowser. Die Einhaltung von XML-Regeln bedeutet, dass Dokumente in verschiedenen Browsern und Geräten konsistent gerendert werden, was das Benutzererlebnis verbessert. XHTML ermöglicht es IT-Experten und Online-Unternehmen, Webinhalte zu erstellen, die sowohl robust als auch vielseitig sind und eine breite Palette von Anwendungen und Diensten in verschiedenen Bereichen unterstützen.

XHTML vs. HTML

Hier finden Sie einen Überblick über die Unterschiede zwischen XHTML und HTML.

MerkmalXHTMLHTML
FoundationKombiniert HTMLs flexKompatibilität mit der strengen XML-Syntax.Standard-Markup-Sprache zum Erstellen von Webseiten.
SyntaxregelnErfordert die strikte Einhaltung der XML-Syntax, einschließlich des Schließens aller Tags und der Verwendung von Kleinbuchstaben.Nachsichtiger mit der Syntax; Ermöglicht nicht geschlossene Tags und die Berücksichtigung der Groß-/Kleinschreibung.
KompatibilitätEntwickelt für die Kompatibilität mit XML-Parsern und -Prozessoren, wodurch es für eine breitere Palette von Anwendungen geeignet ist Anwendungen.In erster Linie für Webbrowser gedacht, mit Schwerpunkt auf visueller Darstellung.
DOCTYPEVerwendet strengere DOCTYPE-Deklarationen, um die XML-Konformität sicherzustellen.HTML5 vereinfachte die DOCTYPE-Deklaration und konzentrierte sich auf die Benutzerfreundlichkeit.
FehlerbehandlungErfordert eine korrekte Dokumentstruktur und wird nicht mit Fehlern gerendert; fördert saubereren und zuverlässigeren Code.Browser sind darauf ausgelegt, mit Fehlern umzugehen und den Inhalt auch dann anzuzeigen, wenn einige Markup-Fehler vorliegen.
EntwicklungsfokusZiel ist es sicherzustellen, dass Webdokumente wohlgeformt sind und die Konsistenz über verschiedene Geräte und Browser hinweg gefördert wird.Der Schwerpunkt liegt auf Benutzerfreundlichkeit, Abwärtskompatibilität und Unterstützung für eine Vielzahl von Inhaltstypen ohne strenge Syntaxanforderungen.
ErweiterbarkeitLässt sich problemlos in andere XML-Anwendungen integrieren und erleichtert die komplexere Datenverarbeitung und -präsentation.HTML5 ist zwar nicht so streng erweiterbar wie XHTML, führt jedoch APIs und Funktionen ein, die eine breite Palette von Webanwendungen unterstützen.
AnwendungsbereichBei neuen Webentwicklungsprojekten aufgrund strengerer Anforderungen und der Verbreitung von HTML5 seltener.Weit verbreitet in der Webentwicklung, wobei HTML5 der aktuelle Standard ist, der mehr bietet flexFunktionalität und Features für moderne Webanwendungen.

Eine kurze Geschichte von XHTML

XHTML entstand Ende der 1990er Jahre als Neuformulierung von HTML 4.01 unter Verwendung von XML 1.0. Der World Wide Web Das Konsortium (W3C) führte im Jahr 1.0 XHTML 2000 ein mit dem Ziel, die weit verbreitete Verwendung und Vertrautheit von HTML mit der strengen Syntax und Erweiterbarkeit von XML zu kombinieren. Dieser Schritt sollte strengere Webentwicklungspraktiken fördern und sicherstellen, dass Dokumente wohlgeformt sind und strengeren Standards entsprechen. Die Einführung von XHTML war ein bedeutender Schritt hin zu einem strukturierteren und interoperableren Web und unterstreicht die Bedeutung der Gültigkeit und Konsistenz von Dokumenten über mehrere Plattformen und Browser hinweg.

Die Entwicklung der Webstandards und das Aufkommen von HTML5 verlagerten die Dynamik jedoch wieder in Richtung HTML. HTML5, das 2014 eingeführt wurde, berücksichtigte viele praktische Anforderungen der Webentwicklungs-Community, wie z. B. native Multimedia-Unterstützung, mehr semantische Elemente und neue Formularsteuerelemente, ohne die strengen syntaktischen Regeln von XHTML zu erfordern.

Trotz der anfänglichen Begeisterung für XHTML und seiner strikten Einhaltung von XML befürwortete die Webentwicklungs-Community weitgehend XHTML flexFunktionalität und Einfachheit von HTML5. Infolgedessen nahm die Popularität von XHTML ab und XHTML 2.0, das sich in der Entwicklung befand, wurde schließlich zugunsten von HTML5 aufgegeben.

Während XHTML heute immer noch in bestimmten Kontexten eingesetzt wird, in denen XML-Kompatibilität erforderlich ist, ist HTML5 der De-facto-Standard für die Erstellung robuster und interaktiver Webseiten.

Warum wird XHTML verwendet?

XHTML wird aus mehreren wichtigen Gründen verwendet, darunter:

  • Strenge Syntax für saubereren Code. XHTML erzwingt strenge Syntaxregeln, z. B. die Anforderung, dass alle Elemente korrekt verschachtelt, geschlossen und in Kleinbuchstaben geschrieben sein müssen. Dies führt zu saubererem, fehlerfreierem Code, der einfacher zu warten und zu debuggen ist.
  • Geräteübergreifende Kompatibilität. Die strengen Standards von XHTML tragen dazu bei, dass Dokumente über verschiedene Browser und Geräte hinweg konsistenter gerendert werden. Dies ist wichtig für Webanwendungen, die nahtlos auf mehreren Plattformen funktionieren müssen.
  • Integration mit XML-Anwendungen. Da XHTML eine Anwendung von XML ist, lässt es sich gut in andere XML-Anwendungen integrieren. Dies ist besonders nützlich für Webdienste, Content-Management-Systeme (CMS)und Anwendungen, die Daten aus verschiedenen Quellen verwenden.
  • Zukunftssichere Inhalte. Die Einhaltung von XML-Standards durch XHTML bedeutet, dass Inhalte mit größerer Wahrscheinlichkeit mit neuen Webtechnologien kompatibel sind. Dies ist für eine langfristige Content-Strategie und -Archivierung unerlässlich.
  • Zugänglichkeit und Internationalisierung. Dank seiner strengen Syntax und der Kompatibilität mit verschiedenen Technologien zur Dokumentanalyse unterstützt XHTML besser Standards für Barrierefreiheit und Internationalisierung. Dies macht es ideal für Projekte, die die Einhaltung von Barrierefreiheitsrichtlinien erfordern oder mehrere Sprachen unterstützen müssen.
  • Entwicklungsdisziplin. Die Anforderung an wohlgeformten Code fördert bessere Codierungspraktiken bei Entwicklern. Dadurch wird die Qualität von Webseiten hinsichtlich Robustheit und Zuverlässigkeit verbessert.

Elemente von XHTML

Als Neuformulierung von HTML 4.01 in XML nutzt XHTML viele Elemente von HTML. Dennoch müssen diese Elemente gemäß den strengen Syntaxregeln von XML verwendet werden.

Hier ist eine Übersicht über die wichtigsten XHTML-Elemente:

Strukturelemente

  • html. Das Stammelement, das ein XHTML-Dokument definiert.
  • ganzer. Enthält Metainformationen zum Dokument, z. B. seinen Titel und Links zu Stylesheets.
  • Titel. Gibt den Titel des Dokuments an, der in der Titelleiste oder Registerkarte des Browsers angezeigt wird.
  • Körper. Enthält den Inhalt des Dokuments, z. B. Text, Bilder und Links.

Elemente zur Textformatierung

  • p. Definiert einen Absatz.
  • br. Fügt einen Zeilenumbruch ein.
  • h1 zu h6. Definiert Header mit h1 das höchste Niveau sein und h6 das Niedrigste.
  • stark. Zeigt eine starke Betonung des Inhalts an und wird normalerweise als fetter Text angezeigt.
  • em. Zeigt eine Hervorhebung an, die die Bedeutung eines Satzes auf subtile Weise ändert und normalerweise als kursiver Text angezeigt wird.

Hyperlink- und Bildelemente

  • a. Definiert einen Hyperlink, der auf eine andere Seite oder eine Stelle innerhalb derselben Seite verweist.
  • img. Bettet ein Bild in das Dokument ein. Erfordert src (Quelle) und alt (Alternativtext)-Attribute.

Elemente auflisten

  • ul. Definiert eine ungeordnete Liste.
  • Sein. Definiert eine geordnete Liste.
  • li. Definiert ein Listenelement, das in beiden verwendet wird ul or ol Stichworte.

Tabellenelemente

  • Tabelle. Definiert eine Tabelle.
  • tr. Definiert eine Zeile in einer Tabelle.
  • td. Definiert eine Zelle in einer Tabelle.
  • th. Definiert eine Kopfzelle in einer Tabelle.

Formularelemente

  • unten stehende Formular. Definiert ein HTML-Formular für Benutzereingaben.
  • Varianten des Eingangssignals:. Definiert ein Eingabefeld innerhalb eines Formulars.
  • Textbereich. Definiert ein mehrzeiliges Eingabefeld (Textbereich).
  • Etikette. Definiert eine Bezeichnung für eine Varianten des Eingangssignals: Element.
  • Taste im nun erscheinenden Bestätigungsfenster nun wieder los.. Definiert eine anklickbare Schaltfläche.

Skript- und Stilelemente

  • Skript. Platziert Skripte, z JavaScript, innerhalb des Dokuments.
  • Stil. Enthält normalerweise Stilinformationen für das Dokument CSS.

Andere wichtige Elemente

  • Meta. Stellt Metadaten zum HTML-Dokument bereit, z. B. Zeichensatz, Autor und Ansichtsfenstereinstellungen.
  • Link. Wird verwendet, um externe Ressourcen wie CSS-Dateien mit dem Dokument zu verknüpfen.
  • div. Definiert eine Unterteilung oder einen Abschnitt in einem HTML-Dokument und wird für Stil- oder Skriptzwecke verwendet.
  • Spannweite. Definiert einen Inline-Container, der zum Markieren eines Abschnitts eines Textes oder Dokuments für die Formatierung oder Skripterstellung verwendet wird.

Jedes dieser Elemente muss gemäß den strengen Syntaxregeln von XHTML verwendet werden, z. B. das Schließen aller Tags (z. B. ) und die Verwendung von Tags in Kleinbuchstaben. Darüber hinaus müssen Attribute in Anführungszeichen gesetzt werden und Elemente wie br und img müssen selbstgeschlossen sein, wenn sie keinen Inhalt enthalten (z. B. , ).

XHTML-Einschränkungen

XHTML weist einige Einschränkungen auf, die Entwickler beachten sollten.

Obligatorisches XHTML Erklärung

In XHTML ist das obligatorisch Erklärung am Anfang des Dokuments, vor dem Tag, definiert den Dokumenttyp und die Version für den Browser. Dies hilft dem Browser, die Seite korrekt darzustellen, indem es ihn über den verwendeten XHTML-Typ informiert (streng, übergangsweise oder Frameset).

Verschachtelte Elemente

XHTML erfordert, dass Elemente ordnungsgemäß ineinander verschachtelt sind und eine klare und logische Struktur beibehalten. Das heißt, wenn ein Element innerhalb eines anderen Elements geöffnet wird, muss es geschlossen werden, bevor das äußere Element geschlossen wird. Durch die richtige Verschachtelung können XML-Parser die Struktur des Dokuments korrekt interpretieren und so Darstellungsprobleme bei verschiedenen Browsern und Geräten vermeiden.

XHTML-Elemente müssen geschlossen sein

Im Gegensatz zu HTML, wo einige Elemente offen bleiben können und der Browser den Inhalt trotzdem korrekt wiedergibt, bedeutet die Einhaltung der XML-Syntaxregeln bei XHTML, dass jedes Start-Tag ein entsprechendes End-Tag haben muss. Das Schließen von Tags trägt dazu bei, Mehrdeutigkeiten in der Dokumentstruktur zu beseitigen und stellt sicher, dass Parser den Inhalt und die Struktur des Dokuments genau interpretieren können.

Leere Elemente müssen geschlossen werden

In XHTML können sogar leere Elemente, wie z , und , muss noch geschlossen sein. Dies erfolgt normalerweise mithilfe einer selbstschließenden Tag-Syntax (z. B. or ). Diese Regel verstärkt die XML-Anforderung, dass jedes Element explizit geöffnet und geschlossen werden muss, um die Klarheit der Dokumentstruktur sicherzustellen und eine fehlerfreie Analyse durch XML-Prozessoren zu unterstützen.

Elemente müssen in Kleinbuchstaben geschrieben sein

XHTML erzwingt die Verwendung von Kleinbuchstaben für alle Elementnamen und spiegelt damit seine XML-Grundlage wider, bei der die Groß-/Kleinschreibung beachtet wird. Dies steht im Gegensatz zu HTML, wo Elementnamen in Großbuchstaben, Kleinbuchstaben oder einer Mischung aus beidem geschrieben werden können. Die Anforderung, Elementnamen in XHTML in Kleinbuchstaben zu schreiben, fördert die Konsistenz und verringert die Wahrscheinlichkeit von Fehlern bei der Dokumentverarbeitung, wodurch der Code besser lesbar und einfacher zu verwalten ist.

Attributnamen müssen in Kleinbuchstaben angegeben werden

Wie Elementnamen müssen alle Attributnamen in XHTML in Kleinbuchstaben geschrieben sein, um richtig interpretiert zu werden. Wenn Sie sicherstellen, dass Attributnamen in Kleinbuchstaben geschrieben werden, bleibt die Konsistenz im gesamten Dokument erhalten, das Debuggen wird vereinfacht und die Kompatibilität mit XML-Tools und -Technologien verbessert.

Attributwerte müssen in Anführungszeichen gesetzt werden

In XHTML müssen die den Attributen zugewiesenen Werte immer in Anführungszeichen (entweder einfache Anführungszeichen) eingeschlossen werden ' oder doppelt " Zitate). Durch Anführungszeichen von Attributen wird sichergestellt, dass ihre Werte von Parsern korrekt interpretiert werden, insbesondere wenn Werte Leerzeichen oder Sonderzeichen enthalten.

Die Attributminimierung ist verboten

XHTML erlaubt keine Attributminimierung, eine gängige Praxis in HTML, bei der einem Attribut kein Wert zugewiesen werden muss. In XHTML müssen alle Attribute explizit mit einem Wert definiert werden, auch wenn das bedeutet, dass der Attributname als Wert wiederholt wird. Beispielsweise ein minimiertes HTML-Attribut wie geprüft in XHTML muss geschrieben werden als geprüft="geprüft". Diese Regel beseitigt Mehrdeutigkeiten und stimmt mit den XML-Kriterien für wohlgeformte Dokumente überein.


Anastazija
Spasojević
Anastazija ist eine erfahrene Content-Autorin mit Wissen und Leidenschaft für cloud Computer, Informationstechnologie und Online-Sicherheit. Bei phoenixNAP, konzentriert sie sich auf die Beantwortung brennender Fragen zur Gewährleistung der Datenrobustheit und -sicherheit für alle Teilnehmer der digitalen Landschaft.