Hinweis bei Ausgabegeräten ohne CSS-Unterstüzung einblenden
Peter Bergner am 26.03.2003 – Keine Kommentare
Um Inhalt und Layout im Webdesign strikt trennen zu können, hat sich der Einsatz von XHTML und Stylesheets (CSS) bisher bewährt. Allerdings gibt es Browser, die Stylesheets nur teilweise oder gar nicht interpretieren. Um Usern dieser Browser einen Hinweis auf den Einsatz von Stylesheets zu geben, dient dieses Snippet.
Der im
Mit display:none in der Klasse “hinweis” wird der Text vor Browsern versteckt, die CSS interpretieren.
Der Link “CSS verstecken” auf der Beispielseite dient zur Demonstration dieses Snippets und sollte bei Übernahme ins eigene Skript selbstverständlich gelöscht werden.
Es ist zwar kein Muss dieses Snippet einzusetzen, aber es ist eine freundliche Geste dem User gegenüber und trägt sicher auch zur Usability bei.
Der HTML-Code sollte vorzugsweise vor dem eigentlichen Content eingefügt werden, damit der Hinweis beim Aufruf mit Ausgabegeräten ohne CSS-Unterstützung als erstes oben auf der Seite erscheint:
<html>
<head>
<title>Seitentitel</title>
</head>
<body>
<div class="hinweis"></div>
<div> ... hier folgt der eigentliche Inhalt der Seite ... </div>
</body></html>
CSS-Code: (Bitte VOR das schließende -Tag ins (X)HTML-Dokument einfügen oder in eine externe *.css-Datei auslagern)
<style type="text/css">
<!<del>-
.hinweis {
display:none;
}
//</del>->
</style>
Kommentar hinzufügen
Bitte füllen Sie alle Felder mit einem * aus. Ihre E-Mail-Adresse wird nicht veröffentlicht. HTML ist nicht erlaubt, dafür Markdown.