i

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 alt="Foto von Bailey" src="img/bailey.jpg"/></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 xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Steckbrief von Bailey</title>
  </head>
  <body>
    <h1>Steckbrief</h1>
    <p><img alt="Foto von Bailey" src="bailey1.jpg"/></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>

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 xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
  ...
</html>

Einen Validierer für beide Versionen findet man auf der Seite W3C Markup Validation Service.

Aufgabe 1

Validiere selbst die oben gezeigten HTML-Dokumente mit den passenden Validierern.

Suche

v
1.1.3.3
www.inf-schule.de/information/informationsdarstellunginternet/validierung/einstieg_htmlversionen
www.inf-schule.de/1.1.3.3

Rückmeldung geben