Hat sich Ihr CSS jemals komisch verhalten, obwohl es so aussieht, als hätten Sie alles perfekt gemacht? Es könnten Ihre HTML-Deklarationen sein, die Sie vermasseln. Manchmal, wenn Sie nur ein kleines Beispiel zusammenwerfen, verwenden Sie einfach den <html>-Tag, um Ihre Seite zu beginnen, und alles funktioniert einwandfrei. Wenn die Dinge komplizierter werden und Sie vergessen, eine "echte" Deklaration zu verwenden, bemerken Sie möglicherweise, dass die Dinge nicht wie beabsichtigt funktionieren. Zum Beispiel funktioniert dieser kleine Trick zum Zentrieren von etwas nicht
.page_wrap {
margin: 0 auto;
}
Stellen Sie sicher, dass Sie eine Seiten deklaration verwenden, die solche Zaubereien unterstützt. Das folgende Beispiel ist das gebräuchlichste und sollte Ihre bevorzugte HTML-Deklaration sein, die auf jeder Seite verwendet wird, es sei denn, Sie tun etwas Spezifisches und Seltsames und wissen, was Sie tun.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Eine wirklich schöne Erklärung der verschiedenen Seitendeklarationen finden Sie in diesem HTML Dog Artikel.
UPDATE: Der Leser David weist darauf hin, dass die obige Deklaration nicht gerade die beste Wahl für eine Deklaration ist, da sie von IE nicht unterstützt wird. Nach einigen Tests scheint die folgende Deklaration sowohl in alten als auch in modernen Browsern problemlos zu funktionieren.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
Für Microsofts Erklärung zu diesem Thema lesen Sie hier.
Ich würde das als die beste Deklaration in Frage stellen, da IE sie nicht unterstützt.
Sie haben absolut Recht. Ich werde den Artikel aktualisieren, um das besser hervorzuheben.