XML in HTML anzeigen
In diesem Artikel wird erläutert, wie XML-Code so angezeigt wird, wie er auf einer HTML-Seite ist.
Einführung in die Extensible Markup Language (XML)
Es ist eine Auszeichnungssprache wie HTML, hat aber keine eingebauten Tags. Stattdessen werden Tags von den Benutzern gemäß ihren Anforderungen an die Benutzer erstellt.
Es ist eine effiziente Möglichkeit, die Daten in einer strukturierten Weise zu speichern, auf die später schnell zugegriffen, gesucht und zwischen verschiedenen Endpunkten geteilt werden kann.
Da die XML-Syntax standardisiert ist, kann der Empfänger vor allem die Daten parsen, selbst wenn Sie damit beginnen, XML über Plattformen oder Systeme hinweg zu teilen oder zu übertragen, sei es direkt oder über das Internet.
Unterschied zu HTML
Es ist in gewisser Weise das gleiche wie HTML, da beide mit Tags verwendet werden, aber der Unterschied besteht darin, dass XML keine vordefinierten Tags hat. Stattdessen werden alle Tags gemäß den Bedürfnissen und Anforderungen der Benutzer erstellt.
Diese Tags haben ein geeignetes Datenformat, das von einem zum anderen übertragen werden soll. Darüber hinaus konzentriert sich HTML auf das Erscheinungsbild der Webseite und verbessert sie, während XML nur eine Information oder Daten ist, die an jemanden gesendet wird.
XML-Code in HTML anzeigen
Da XML auch mit Tags arbeitet, ist es eine Herausforderung, XML-Code so anzuzeigen, wie er auf einer HTML-Seite ist, da er auch XML-Tags mit der Manipulation von HTML-Tags manipuliert.
Wenn wir also den XML-Code auf einer HTML-Seite anzeigen müssen, können wir ihn entweder in ein <xmp>-Tag einschließen oder in ein <textarea> schreiben.
In beiden Fällen werden beim Rendern der HTML-Seite keine XML-Tags manipuliert, sondern der gesamte Code angezeigt.
Verwenden Sie das Tag <xmp>, um XML-Code auf einer HTML-Seite anzuzeigen
Beispielcode:
<h1> Example to display XML code in HTML </h1>
<xmp>
<?xml version="1.0" encoding="ISO-8859-1"?>
<article>
<data>
<title>Test HTML page</title>
<author>NSS</author>
<country>Pakistan</country>
<year>2022</year>
</data>
</article>
</xmp>
Der obige HTML-Code verwendet ein <xmp>-Tag und schließt unsere XML-Daten in dieses Tag ein. XML-Daten enthalten einige Daten. Jedes XML-Tag ist der Name der darin enthaltenen Daten.
Nun bewirkt <xmp>, dass dieser XML-Code unverändert ohne Interpretation angezeigt wird. Beachten Sie, dass wir im Code auch HTML-Tags verwendet haben, um den Unterschied zwischen den beiden zu kennzeichnen.
Das Problem ist jedoch, dass das Tag <xmp> nach HTML 3.2 veraltet ist. Von einer direkten Verwendung in den aktuellen HTML-Versionen ist daher abzuraten.
Verwenden Sie das Tag <textarea>, um den XML-Code auf der HTML-Seite anzuzeigen
Eine andere Möglichkeit, XML-Code anzuzeigen, besteht darin, ihn in ein <textarea> einzuschließen. Das <textarea> funktioniert auch so. Es zeigt jeden darin enthaltenen Text so an, wie er ist, ohne ihn zu manipulieren.
Wir können die Anzahl der Zeilen und Spalten angeben, um die Größe des <textarea> festzulegen. Sehen Sie sich das folgende Beispiel an, in dem wir ein <textarea> verwenden, um XML in einem vorformatierten Stil auf dem Bildschirm anzuzeigen.
Beispielcode:
<h1> Example to display XML code in HTML </h1>
<textarea cols="35" rows="20" style="border:none;">
<?xml version="1.0" encoding="ISO-8859-1"?>
<article>
<data>
<title>Test HTML page</title>
<author>NSS</author>
<country>Pakistan</country>
<year>2022</year>
</data>
</article>
</textarea>
Wir haben border: none angewendet, damit es das textarea-Feld verbirgt und nicht anzeigt. Schauen wir uns die Ausgabe davon an.
Daher können wir sagen, dass wir jede dieser beiden Methoden verwenden können, wenn wir jeden XML-Code so anzeigen müssen, wie er ist, ohne seine Tags auf einer HTML-Seite zu rendern.