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>