HTML-Elemente in jedem Browser identisch anzeigen
Wie die Sprache von Webseiten dargestellt werden soll, ist eigentlich im HTML-Standard definiert. Allerdings gibt es trotzdem Unterschiede – je nachdem, welchen Browser man verwendet. Damit Sie es als Web-Entwickler einfacher haben, können Sie das Aussehen von HTML und CSS vereinheitlichen.
Nutzen Sie dazu ein sogenanntes Reset-Stylesheet. Das ist eine CSS-Datei, in der festgelegt wird, wie jedes HTML-Element (Tag) dargestellt werden soll. So werden die Standard-Stile der einzelnen Browser angeglichen. Dazu binden Sie die reset.css in Ihre Webseite ein, bevor Sie Ihr eigenes Stylesheet laden:
<link rel="stylesheet" href="https://cdn.schieb.de/styles/reset.css" type="text/css" />
<link rel="stylesheet" href="https://cdn.schieb.de/styles/website.css" type="text/css" />
Anschließend werden zum Beispiel <h1> bis <h6> in jedem Browser gleich groß dargestellt, was für weniger Kopfzerbrechen beim Webseiten-Test sorgt.
