Was ist der Unterschied zwischen HTML und XML?

Sowohl XML als auch HTML gehören – zusammen mit anderen Sprachen wie LaTeX, SVG, Markdown und SGML – zu einer Gruppe von Programmiersprachen, die als Markup-Sprachen bezeichnet werden.

Eine Markup-Sprache ist ein System zur Beschreibung von Daten sowohl für Menschen als auch für andere Softwareprogramme. Diese verwendet eine einfach zu verstehende Syntax, die die Struktur, den Typ, die Attribute, die Beziehungen zwischen den Elementen, die Anzeige und die Bedeutung der Daten definiert. 

Als Markup-Sprachen weisen HTML und XML mehrere Ähnlichkeiten auf.

Syntax

Markup-Sprachen haben normalerweise eine ähnliche Syntax, einschließlich Tags und Attributen.

Tags

Tags werden durch Symbole wie Klammern, Kommas und Punkte gekennzeichnet. Sie verleihen Datenelementen Struktur und Typ. Sie legen den Anfang und das Ende jedes Inhaltselements fest. In XML und HTML werden Tags in spitze Klammern eingeschlossen, wobei sich jedes Element zwischen zwei öffnenden und schließenden Tags befindet.

Attribute

Attribute stellen weitere Informationen über ein Element bereit, beispielsweise eine Image-URL. In HTML und XML definieren Sie die Attribute eines Elements innerhalb des öffnenden Tags.

Klar definierte Struktur

Für eine korrekte Verarbeitung müssen sowohl HTML- als auch XML-Dokumente den Syntaxregeln der jeweiligen Sprache entsprechen. Ein den Regeln entsprechendes Dokument wird als wohlgeformtes Dokument bezeichnet. Für ein wohlgeformtes Dokument ist Folgendes erforderlich:

1. Ein einzelnes Root-Element
2. Schließende (oder selbstschließende) Tags für alle Elemente
3. Korrekte Verschachtelung von Tags, die in andere Tags eingeschlossen sind
4. Korrekte Beschreibung von Sonderzeichen wie & für das &-Symbol

Entwickler verwenden zum Schreiben und Überprüfen der Syntax eine Texteditor-Anwendung oder eine integrierte Entwicklungsumgebung (IDE).

Mehr über IDEs lesen »

Nutzung

Entwickler verwenden die HTML- oder XML-Markup-Sprachen in der Regel nicht selbst. Diese Sprachen werden mit Skriptsprachen kombiniert, um dynamische Webseiten und Anwendungen zu erstellen. Dynamische Anwendungen ändern sich aufgrund neu eingehender Daten.

Im Fall von HTML sind Anwendungsseiten mithilfe von Skriptsprachen, die neues HTML generieren, dynamisch. Bei XML verwenden Skriptsprachen neue Informationen zum Aktualisieren von Parametern.

Plattform-Unabhängigkeit

Plattformunabhängigkeit ist die Fähigkeit einer Sprache, auf verschiedenen Betriebssystemen und Plattformen zu funktionieren, ohne dass Änderungen erforderlich sind. Sowohl XML als auch HTML sind textbasiert und verwenden eine einfache Syntax. Dies vereinfacht die Interpretation durch verschiedene Softwareanwendungen und Betriebssysteme. XML- und HTML-Code funktionieren unverändert über Browser und verschiedene mobile Plattformen hinweg.

Trotz ihrer Ähnlichkeiten weisen XML und HTML einige Unterschiede auf.

Zielsetzung

HTML ist allgemein als die Sprache des Webs bekannt. Der Hauptzweck von HTML besteht darin, den Inhalt eines textbasierten Dokuments in grafischer Form im Browser anzuzeigen.

Im Gegensatz dazu ermöglicht XML verschiedenen Anwendungen den Austausch und die Speicherung von Daten und ihrer Struktur auf eine allgemein verständliche Weise. Der Hauptzweck von XML besteht darin, verschiedenen Arten von Anwendungen, wie z. B. Datenbanken, das Verständnis und die Verwendung derselben Daten und ihrer Struktur zu ermöglichen. 

Eingabe

HTML verwendet dynamische Eingabe, bei der Attributtypen zur Laufzeit anhand des erwarteten Datentyps überprüft werden. Wenn beispielsweise erwartet wird, dass es sich bei einem Attribut um eine Zahl handelt, die Eingabe jedoch als Zeichenfolge erfolgt, kann dies zur Laufzeit einen Fehler oder ein unerwartetes Verhalten von Webseiten verursachen. Dynamische Eingabe ermöglicht Änderungen an Webseiten mit neuen eingehenden Daten.

Im Gegensatz dazu verwendet XML die statische Eingabe, bei der Attributtypen in einem XML-Schema vordefiniert und vor dem Kompilieren oder Verarbeiten überprüft werden. Statische Eingabe führt zu weniger Fehlern, aber auch zu weniger dynamischen Inhalten.

Schema

Dokumenttypdefinitionen (DTDs) oder Schemata stellen eine Struktur bereit, die für ähnliche Dokumente validiert und wiederholt werden kann. Sie enthalten in der Regel ähnliche Informationen:

• Die verwendete HTML- oder XML-Version
• Zulässige Elemente und Attribute
• Regeln für Dokumentstruktur und Elementbeziehungen

In HTML ist die DTD eine am Anfang eines HTML-Dokuments eingefügte Deklaration.

In XML handelt es sich bei der DTD um eine separate Datei. Die DTD hat in XML eine größere Bedeutung, da XML-Tags vom Dokumentersteller definiert werden. Die DTD trägt zum gemeinsamen Verständnis der Tags zwischen Datensender und -empfänger bei.

XML lässt sich in HTML einbetten und mit der Programmiersprache JavaScript analysieren, um dynamische Webseiten zu erstellen. Ebenso lässt sich HTML bei Bedarf auch in XML einbetten, wobei Zeichendaten (CDATA) für Klartext verwendet werden. Siehe folgende Beispiele.

XML in HTML

HTML in XML

<html>   <head>     <title>Eingebettete XML-Seite</title>     <script type="text/xml">       <data>         <item>           <name>Apfel</name>           <price>1.00</price>         </item>         <item>           <name>Passionsfrucht</name>           <price>2.00</price>         </item>       </data>     </script>   </head>   <body>     <h1>Dynamische Obstpreise</h1>     <div id="output"></div>     <script>       var xml = document.querySelector('script[type="text/xml"]').textContent;       var parser = new DOMParser();       var doc = parser.parseFromString(xml, "text/xml");       var output = document.querySelector('#output');       var items = doc.getElementsByTagName('item');       for (var i = 0; i < items.length; i++) {         var item = items[i];         var name = item.getElementsByTagName('name')[0].textContent;         var price = item.getElementsByTagName('price')[0].textContent;         output.innerHTML += '<div><strong>' + name + '</strong>: ' + price + '</div>';       }     </script>   </body> </html>

<embeddedHTML>     <title>In XML eingebetteter HTML-Code</title>     <description><![CDATA[         <div>             <h1>Eingebettete HTML-Kopfzeile</h1>             <p>Eingebetteter HTML-Absatz.</p>         </div>     ]]></description> </embeddedHTML>

Extensible HyperText Markup Language (XHTML) ist eine weitere Markup-Sprache, die sowohl HTML als auch XML in ihrer Syntax kombiniert.

Alle Datenintegrationsservices von Amazon Web Services (AWS) können XML-Dateien verarbeiten. Hier sind zwei Beispiele:

• AWS Glue ist ein Serverless Datenintegrationsservice, mit dem Sie Daten mit einer interaktiven visuellen Point-and-Click-Schnittstelle vorbereiten können, ohne Code schreiben zu müssen. AWS Glue DataBrew kann alle Arten von Dateiformaten aufnehmen, einschließlich XML.
• Amazon Simple Queue Service (Amazon SQS) ist ein vollständig verwalteter Warteschlangen-Service für Nachrichten, den Sie zum Senden, Speichern und Empfangen von Nachrichten zwischen Softwarekomponenten in beliebigem Umfang verwenden können. Amazon-SQS-Nachrichten können bis zu 256 KB Textdaten enthalten, einschließlich XML, JSON und unformatierte Daten.

Darüber hinaus bietet AWS eine breite Palette von Tools und Services für die Entwicklung, das Bereitstellen und den Betrieb Ihrer Anwendungen in großem Maßstab. Hier sind beispielsweise zwei Services, die Sie verwenden können:

• Mit AWS Amplify Studio können Sie visuell eine pixelgenaue Benutzeroberfläche erstellen. Verbinden Sie Ihre Frontend-Benutzeroberfläche mit wenigen Klicks mit einem Cloud-Backend.
• Mit Amazon Lightsail können Sie vorkonfigurierte Entwicklungs-Stacks verwenden, um mit nur wenigen Klicks benutzerdefinierte Anwendungen und Websites zu erstellen.

Beginnen Sie mit Ihrer Anwendungsentwicklung in AWS, indem Sie noch heute ein Konto erstellen.