Чистое прогрессивное улучшение - PullRequest
Новая
       12

Чистое прогрессивное улучшение

3 голосов
/ 11 июня 2011

Я использую прогрессивное улучшение для создания веб-сайта. Это включает в себя меню, слайд-шоу и т. Д. Элементы включаются в страницу в виде неупорядоченных списков, затем JavaScript применяет форматирование.

Моя проблема: как я могу избежать флэш-памяти неформатированного контента, где неупорядоченные списки видны до применения форматирования? Есть ли лучшие практики для этого?

Важно: сайт должен оставаться SEO дружественным и доступным (поэтому я использую прогрессивное улучшение в первую очередь). Так, например, не имеет смысла устанавливать начальный стиль отображения неупорядоченных списков: нет.

Ответы [ 2 ]

2 голосов
/ 11 июня 2011

Используйте CSS для форматирования вместо JavaScript.

1 голос
/ 11 июня 2011

Так, например, невозможно задать начальный стиль отображения неупорядоченных списков: нет.

Вы можете косвенно заставить стиль установить значение display: noneкогда вы обнаруживаете, что JavaScript доступен с использованием CSS, и некоторые сценарии запускаются до того, как какой-либо контент будет включен: 

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