Clean Progressive Enhancement

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

Domanda

Sto usando il progressive enhancement per costruire un sito web. Questo comprende il menu, presentazione, ecc Gli elementi vengono inclusi nella pagina come liste non ordinate, quindi JavaScript applica la formattazione.

La mia preoccupazione: come posso evitare il lampo di contenuti non formattato, in cui le liste non ordinate sono visibili prima di applicare la formattazione? Ci sono le migliori pratiche per questo?

Importante: il sito deve rimanere SEO friendly e accessibile (è per questo che sto usando progressive enhancement, in primo luogo). Così, per esempio, è fuori discussione per impostare lo stile iniziale delle liste non ordinate per visualizzare:. None

È stato utile?

Soluzione

Così, per esempio, è fuori discussione per impostare lo stile iniziale delle liste non ordinate per visualizzare:. None

È possibile indirettamente causa dello stile per avere istituito per display: none quando si rileva JavaScript è disponibile tramite CSS e alcuni run script prima nessuno dei contenuti è incluso: 

<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>

Altri suggerimenti

Usa CSS per la formattazione, invece di JavaScript.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top