Saubere progressive Verbesserung

StackOverflow https://stackoverflow.com/questions/6315140

Frage

Ich benutze progressive Verbesserung, um eine Website zu erstellen. Dies beinhaltet Menü, Diashow usw. Die Elemente sind auf der Seite als nicht ordnungsgemäße Listen enthalten, dann wendet JavaScript die Formatierung an.

Mein Anliegen: Wie kann ich den Blitz unformatierter Inhalte vermeiden, in dem die ungeordneten Listen sichtbar sind, bevor die Formatierung angewendet wird? Gibt es dafür Best Practices?

Wichtig: Die Website muss SEO -freundlich und zugänglich bleiben (deshalb verwende ich in erster Linie eine progressive Verbesserung). So ist es beispielsweise nicht in Frage, den anfänglichen Stil der nicht ordnungsgemäßen Listen auf die Anzeige festzulegen: keine.

War es hilfreich?

Lösung

So ist es beispielsweise nicht in Frage, den anfänglichen Stil der nicht ordnungsgemäßen Listen auf die Anzeige festzulegen: keine.

Sie können indirekt dazu führen, dass sich der Stil auf eingestellt hat display: none Wenn Sie erkennen, dass JavaScript mit CSS und einem Skript verfügbar ist, bevor der Inhalt enthalten ist:

<head>
    <style type="text/css">
        body.withjs #menu { display: none; }
    </style>
</head>
<body>
    <script type="text/javascript">
        document.body.className= 'withjs';
        window.onload= function() {
            ...do stuff with menu...
            document.getElementById('menu').style.display= 'block';
        };
    </script>
    ...
    <ul id="menu">
        ...
    </ul>
</body>

Andere Tipps

Verwenden Sie CSS zum Formatieren anstelle von JavaScript.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top