x

Einloggen

Hast du noch keinen Account? Jetzt registrieren!

HTML Doctype

Als ein kleines Vorwort zu diesem Artikel: Öffnet mal diese Webseite (nur Firefox oder Opera werden unterstützt) und schaut euch den Quellcode an. Überrascht? Es gibt nämlich gar keinen, schauen wir uns mal an, wie wir das selbst hinkriegen.

Erster Trick
Viele werden gar nicht wissen, dass man die Tags , und gar nicht benutzen muss. Dieser Quellcode ist nämlich voll funktionsfähig:
<!DOCTYPE html>
<title>Example</title>

Man braucht nicht mal HTML5 DOCTYPE wie im Beispiel, mit HTML 4.01 DOCTYPE würde alles analog funktionieren. Das kommt dadurch, da falls der Browser die Tags nicht findet, er sie dann selbst generiert. (Achtung, man sollte es natürlich in der Praxis lieber lassen und auf die Standards setzen! Das alles hier ist eher als Spass zu verstehen!)

Da die Tags also generiert werden, kann man auch CSS anwenden, deshalb funktioniert auch der folgende Code:
<!DOCTYPE html>
<title>Example</title>
<style>
  html {
    background: red;
  }
  body {
    background: blue;
    margin: 0 auto;
    width: 30em;
  }
</style>
655 Mal gelesen
+3
6. Jan 2011, 13:02