logo

TechCodeview

XHTML-Einführung

XHTML oder ERWEITERBARE HyperText-Markup-Sprache ist eine Mischung aus HTML und XML, sehr ähnlich HTML aber strenger. Es ist wie ein Regelwerk zum Erstellen von Webseiten, die für Browser leicht verständlich sind. Im Gegensatz zu HTML müssen Sie vorsichtig sein und die Regeln genau befolgen. Die meisten Browser unterstützen es. Betrachten Sie es einfach als eine präzisere Möglichkeit, Webcode zu schreiben.

Inhaltsverzeichnis



Geschichte

Es wurde vom World Wide Web Consortium (W3C) entwickelt und hilft Webentwicklern beim Übergang von HTML zu XML. Mit XHTML können Entwickler in die XML-Welt mit all ihren Funktionen einsteigen und gleichzeitig die Abwärts- und Zukunftskompatibilität der Inhalte gewährleisten. Die XHTML-Familie umfasst drei Dokumenttypen; Das erste ist XHTML 1.0, das am 26. Januar 2000 vom W3C empfohlen wurde. Das zweite ist XHTML 1.1, das am 31. Mai 2001 vom W3C empfohlen wurde.

Der dritte ist XHTML5, ein Standard zur Entwicklung einer XML-Anpassung der HTML5-Spezifikation. Ein XHTML-Dokument muss eine XHTML-Deklaration haben.

Elemente von XHTML:



XHTML-Element Beschreibung
> Wird verwendet, um die Document Type Definition (DTD) zu deklarieren, die Regeln für die Auszeichnungssprache anzugeben und eine ordnungsgemäße Darstellung in Browsern sicherzustellen.
> Umschließt das gesamte HTML- oder XHTML-Dokument und dient als Stammelement.
> Enthält Metainformationen zum Dokument, z. B. Titel, Zeichensatz, verknüpfte Stylesheets und andere wichtige Elemente.
> Im Kopfbereich verschachtelt, gibt es den Titel des Dokuments an, der in der Titelleiste oder Registerkarte des Browsers angezeigt wird.
> Umschließt den Inhalt der Webseite, einschließlich Text, Bildern, Links und anderen HTML-Elementen. Es stellt den sichtbaren Teil des im Browser angezeigten Dokuments dar.

Beim Erstellen einer XHTML-Webseite ist es notwendig, eine DTD-Deklaration (Document Type Definition) einzubinden. Es gibt drei Arten von DTD, die im Folgenden erläutert werden:

Übergangs-DTD:

Es wird von älteren Browsern unterstützt, die nicht über eine integrierte Unterstützung für Cascading Style Sheets verfügen. Im Body-Tag sind mehrere Attribute eingeschlossen, die in der strengen DTD nicht zulässig sind.

Syntax: 

 PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>

Beispiel: In diesem Beispiel sehen wir den Code zum Schreiben eines XHTML-Dokuments anhand eines Beispiels.



html




xml version='1.0' encoding='UTF-8'?> Übergangs-DTD XHTMLtitle> head> <body bgcolor='#dae1ed'> <div>Schriftstärke:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Ein Informatikportal<p style='text-align:center;font-size:20px;'>Option zur Monatsauswahl:<select name='month'> <option selected='selected'>Januaroption><option>Februaroption><option>Märzoption><option>Apriloption><option>Mayoption><option>Junioption><option>Julioption><option>Augusyoption><option>Septemberoption><option>Oktoberoption><option>Novemberoption><option>Dezemberoption> select> p> body> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Ausgabe:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="Übergangs-DTD-XHTML"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>Strenge DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Eine strikte DTD wird verwendet, wenn die XHTML-Seite nur Auszeichnungssprache enthält. Strict DTD wird zusammen mit Cascading Style Sheets verwendet, da dieses Attribut keine CSS-Eigenschaft im Body-Tag zulässt.</span></p> <h3> <b> <strong>Syntax:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>Beispiel 2:</strong> </b> <span>In diesem Beispiel sehen wir den Code zum Schreiben eines XHTML-Dokuments mit einem Beispiel für eine strikte DTD.</span></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/postgresql-drop-column">So löschen Sie eine Spalte in Postgresql</a> </blockquote> <h2>html</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?> <html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>Strikte DTD XHTMLtitle> head> <body> <div>Schriftstärke:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Ein Informatikportal<p style='text-align:center;font-size:20px;'>Option zur Monatsauswahl:<select name='month'> <option selected='selected'>Januaroption><option>Februaroption><option>Märzoption><option>Apriloption><option>Mayoption><option>Junioption><option>Julioption><option>Augusyoption><option>Septemberoption><option>Oktoberoption><option>Novemberoption><option>Dezemberoption> select> p> body> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/java-escape-characters">Escape-Zeichen Java</a> </blockquote> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Ausgabe:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="strenges dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>Frameset-DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Die Frameset-DTD wird verwendet, wenn eine XHTML-Seite Frames enthält. Diese DTD ist bis auf das Inhaltsmodell des HTML-Elements identisch mit der HTML 4.01 Transitional DTD.</span></p> <h3> <b> <strong>Syntax:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>Beispiel 2:</strong> </b> <span>In diesem Beispiel sehen wir den Code zum Schreiben eines XHTML-Dokuments mit einem Beispiel für die Frameset-DTD.</span></p> <h2>html</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?>http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd '><html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>Frameset-DTD XHTMLtitle> head><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />Frameset><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />Frameset><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />Frameset> Frameset> HTML>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Ausgabe:</strong> </b> </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="Frameset dtd xhtml"> <b> <strong>Warum XHTML verwenden?</strong> </b> </h2> <ul> <li value='1'><span>XHTML-Dokumente werden mit Standard-XML-Tools validiert.</span></li> <li value='2'><span>Es ist auf lange Sicht einfach, Dokumente zu verwalten, zu konvertieren und zu bearbeiten.</span></li> <li value='3'><span>Es wird verwendet, um den Qualitätsstandard von Webseiten zu definieren.</span></li> <li value='4'><span>XHTML ist ein offizieller Standard des W3C, Ihre Website wird mit vielen Browsern kompatibler und genauer.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>Vorteile von XHTML:</strong> </b> </h2> <ul> <li value='1'><span>Alle XHTML-Tags müssen schließende Tags haben und korrekt verschachtelt sein. Dadurch wird sauberer Code generiert.</span></li> <li value='2'><span>XHTML-Dokumente sind schlank, was bedeutet, dass sie weniger Bandbreite verbrauchen. Dies reduziert die Kosten, insbesondere wenn Ihre Website Tausende von Seiten umfasst.</span></li> <li value='3'><span>XHTML-Dokumente sind gut formatiert und können problemlos auf drahtlose Geräte, Braille-Lesegeräte und andere spezielle Webumgebungen übertragen werden.</span></li> <li value='4'><span>Alle neuen Entwicklungen werden in XML erfolgen (wobei XHTML eine Anwendung ist).</span></li> <li value='5'><span>XHTML arbeitet mit CSS zusammen, um Webseiten zu erstellen, die leicht aktualisiert werden können.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Unterschied zwischen HTML und XHTML:</strong> </b> </h2> <table class="table"> <tbody><tr> <th><span>HTML</span></th> <th><span>XHTML</span></th> </tr> </tbody><tbody> <tr> <td><span>HTML oder HyperText Markup Language ist die wichtigste Auszeichnungssprache zum Erstellen von Webseiten</span></td> <td><span>XHTML (Extensible HyperText Markup Language) ist eine Familie von XML-Markupsprachen, die Versionen der weit verbreiteten Hypertext Markup Language (HTML) spiegeln oder erweitern.</span></td> </tr> <tr> <td><span>Flexibles Framework, das einen nachsichtigen HTML-spezifischen Parser erfordert</span></td> <td><span>Restriktive Teilmenge von XML, die mit Standard-XML-Parsern analysiert werden muss</span></td> </tr> <tr> <td><span>1987 von Tim Berners-Lee vorgeschlagen</span></td> <td><span>Empfehlung des World Wide Web Consortium im Jahr 2000.</span></td> </tr> <tr> <td><span>Anwendung der Standard Generalized Markup Language (SGML).</span></td> <td><span>Anwendung von XML</span></td> </tr> <tr> <td><span>Erweitert von SGML.</span></td> <td><span>Erweitert von XML, HTML</span></td> </tr> </tbody> </table> <br> <br></article> </div><!--//content--> </div><!--//section-inner--> </section><!--//section--> </div><!--//primary--> <div class="secondary col-md-4 col-sm-12 col-xs-12"> <aside class="info aside section"> <div class="section-inner"> <h2 class="">Kategorie</h2> <div class="content"> <ul class="list-unstyled"> <li> <a href="/yaml-tutorial/">Yaml-Tutorial</a> </li><li> <a href="/excel-advanced/">Excel – Fortgeschritten</a> </li><li> <a href="/java-functions/">Java-Funktionen</a> </li><li> <a href="/euler-circuit/">Euler-Schaltung</a> </li><li> <a href="/cheat-sheet/">Spickzettel</a> </li><li> <a href="/python-numpy-random/">Python Numpy-Random</a> </li><li> <a href="/spotlight/">Scheinwerfer</a> </li><li> <a href="/big-endian/">Big Endian</a> </li><li> <a href="/python-input-output/">Python-Eingabe-Ausgabe</a> </li><li> <a href="/python-numpy-matrix-function/">Python Numpy-Matrix-Funktion</a> </li> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//aside--> <aside class="testimonials aside section"> <div class="section-inner"> <h2 class="heading">C++-Arrays</h2> <div class="content"> <div class="item"> <blockquote class="quote"> <span> <i class="fa fa-quote-left"></i> Ein Informatikportal für Geeks. Es enthält gut geschriebene, gut durchdachte und gut erklärte Informatik- und Programmierartikel, Quizfragen und Fragen zu Übungs-/Wettbewerbsprogrammier-/Firmenvorstellungsgesprächen.</span> </blockquote> </div><!--//item--> <p> <a class="more-link" href="/c-arrays"> <i class="fa fa-external-link"></i> Weiterlesen</a> </p> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> <aside class="languages aside section"> <div class="section-inner"> <h2 class="heading">Interessante Artikel</h2> <div class="content"> <ul class="list-unstyled"> <li class="item"> <span class="title"> <strong> <a href="/ubuntu-disable-firewall">Ubuntu-Firewall deaktivieren</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/environment/">Umfeld</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/c-class-object/">C++-Klasse Und Objekt</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/split-parse-string-python">Teilen und analysieren Sie einen String in Python</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/all-interview/">Alle Interviews</a> </strong> </span> </li><!--//item--> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> <aside class="list music aside section"> <div class="section-inner"> <h2 class="heading">Beliebte Beiträge</h2> <div class="content"> <ul class="list"> <li><a href="/how-enable-disable-developer-options-android">So deaktivieren Sie den Entwicklermodus in Android</a> </li><li><a href="/java-string-equals">Java ist gleich</a> </li><li><a href="/java-linkedlist-class">Linkliste in Java</a> </li><li><a href="/difference-between-mb">MB gegen GB</a> </li><li><a href="/advantages-disadvantages-online-banking">Einschränkungen des E-Bankings</a> </li><li><a href="/prime-number-program-java">Prime kein Code in Java</a> </li> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> </div><!--//secondary--> </div><!--//row--> </div><!--//masonry--> <footer class="footer"> <div class="container text-center"> <span> Copyright ©2025 Alle Rechte Vorbehalten | <a href="//it.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Haftungsausschluss</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Über Uns</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Datenschutzrichtlinie</a> </span> </div> </footer> <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script> </body> </html>