Einstieg - HTML-Versionen

HTML ist nicht gleich HTML

Wir haben in diesem Kapitel bisher ausschließlich mit HTML5, der derzeit gängigen Version von HTML, gearbeitet. Neben dieser Version gibt es zahlreiche ältere Versionen, die alle noch im Gebrauch sind.

Alle diese HTML-Versionen verwenden dieselben Grundbausteine und ähneln sich daher sehr. So benutzen alle Versionen das <a>-Element zur Auszeichnung von Verweisen. Im Detail gibt es aber zahlreiche Unterschiede. Vergleiche selbst!

HTML5:

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>Steckbrief von Bailey</title>
  </head>
  <body>
    <h1>Steckbrief</h1>
    <p><img src="img/bailey.jpg" alt="Foto von Bailey"></p>
    <p>
      Ich heiße <em>Bailey</em>. Ich lebe in der Nähe 
      von Kaiserslautern.
    </p>
    <p>
      Ich interessiere mich für <em>Agility-Sport</em>. 
      Meine Lieblingsdisziplinen sind:
    </p>
    <ul>
      <li><em>Sprung</em> durch einen Reifen</li>
      <li><em>Lauf</em> über eine Wippe</li>
      <li><em>Slalomlauf</em> zwischen Stangen</li>
    </ul>
    <p>
      Ich gehe jedes Wochenende zur 
      <a href="http://www.welpenschule-kl.de/index.html">Welpenschule</a>
      .
    </p>
  </body>
</html>

XHTML 1.1:

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.1//EN" 
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
  <head>
    <title>Steckbrief von Bailey</title>
  </head>
  <body>
    <h1>Steckbrief</h1>
    <p><img src="bailey1.jpg" alt="Foto von Bailey" /></p>
    <p>
      Ich heiße <em>Bailey</em>. Ich lebe in der Nähe 
      von Kaiserslautern.
    </p>
    <p>
      Ich interessiere mich für <em>Agility-Sport</em>. 
      Meine Lieblingsdisziplinen sind:
    </p>
    <ul>
      <li><em>Sprung</em> durch einen Reifen</li>
      <li><em>Lauf</em> über eine Wippe</li>
      <li><em>Slalomlauf</em> zwischen Stangen</li>
    </ul>
    <p>
      Ich gehe jedes Wochenende zur 
      <a href="http://www.welpenschule-kl.de/index.html">Welpenschule</a>.
    </p>
  </body>
</html>

Überprüfung mit einem Validierer

Im letzten Abschnitt wurde gezeigt, wie man ein überprüft, ob ein HTML-Dokument korrekt in dem Sinne ist, dass alle Regeln der Sprache HTML beachtet werden.

Da es verschiedene HTML-Versionen gibt, muss man bei der Überprüfung genau angeben, um welche HTML-Version es sich handelt. Zudem muss man den richtigen Validator auswählen.

Die verwendete HTML-Version erkennt man an der doctype-Angabe. Bei einem HTML5-Dokument sieht die Dokumententyp-Deklaration so aus:

<!doctype html>
<html>
  ...
</html>

Einen passenden Validierer wird auf der Seite https://html5.validator.nu/ angeboten.

Bei einem XHTML 1.1-Dokument sieht die Dokumententyp-Deklaration so aus:

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.1//EN" 
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
  ...
</html>

Einen hierzu passenden Validierer findet man auf der Seite W3C Markup Validation Service.

Aufgabe 1

Validiere selbst die oben gezeigten HTML-Dokumente mit den passenden Validierern. Probiere auch aus, wenn man die Validierer vertauscht (z.B. ein HTML5-Dokument mit einem XHTMl-Validierer überprüft).

X

Fehler melden

X

Suche