Beispiel einer vollständigen XHTML-Datei
Eine vollständige XHTML-Datei
Um die Unterschiede zwischen HTML und XHTML am konkreten Beispiel zu sehen, werden wir nun noch einmal das Quelltextbeispiel aus Eine vollständige Webseite mit HTML listen, diesmal jedoch in XHTML-Syntax. Vergleichen Sie die Quelltexte und testen Sie sich selbst, ob Sie die Unterschiede gleich erkennen.
Quelltext und Verschachtelungsstruktur
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>HTML Lernen - Grundlagen und Tutorials</title>
</head>
<body>
<div id="Kopf">
<h1>
HTML Lernen - Grundlagen und Tutorials
</h1>
</div>
<div id="Inhalt">
<p>
Die Links führen zu den Online-Lerninhalten der Webseite HTML-Lernen - Grundlagen und Tutorials!
</p>
<ul>
<li><a href="https://www.html-lernen.info/">Html-Lernen - Grundlagen und Tutorials</a> - Die Gestaltung Ihrer eigenen Webseite mit HTML</li>
<li><a href="https://www.html-lernen.info/html-lernen.html">HTML Lernen</a> - Es handelt sich bei HTML um eine einfache Sprache</li>
<li><a href="https://www.html-lernen.info/html5-lernen.html">HTML5 Lernen</a> - Die neuen Features von HTML5</li>
<li><a href="https://www.html-lernen.info/css-lernen.html">CSS Lernen</a> - Cascading Style Sheets, kurz CSS,</li>
</ul>
</div>
</body>
</html>
Im Beispiel sind die Unterschiede ausschließlich im oberen Teil zu finden: XML-Deklaration wegen Zeichensatz ISO-8859-1, XHTML-Dokumenttyp-Deklaration, html-Element mit Namensraumangabe für XHTML, alleinstehendes <meta>-Tag für HTML-interne Zeichensatzangabe mit XHTML-spezifischer Abschlussmarkierung. Im Beispiel ist das jedoch schon alles. Wie Sie daraus ersehen können, sind die Unterschiede zu XHTML bei sauberer HTML-Kodierung eher geringfügig und eine spätere automatisierte Umstellung auf XHTML sollte keine größeren Probleme bereiten.