Прогрессивное улучшение — введение

Прогрессивное улучшение — введение

Привет. Сегодня мы начнем знакомство с таким понятием как прогрессивное (или поэтапное) улучшение (англ. progressive enhancement). Это стратегия создания сайтов, которая основывается на доступности, семантичности верстки, внешних стилях и скриптах. Она использует веб технологии как слои, которые накладываются на основной контент и функциональность сайта, предоставляя любой программе или человеку простой доступ к контенту, а для более «продвинутых» браузеров показывает еще и дополнительные эффекты и стили.

В этой статье мы познакомимся только с принципами идеи, ее практическая реализация будет освещена в следующих статьях.

Суть идеи

Идея состоит в том, что сначала создается простейшая разметка документа, которая корректно отображается даже в самых простых браузерах. Это, грубо говоря, просто структурная разметка контента, без стилей и прочих наворотов, и полноценная навигация. Затем разработчик добавляет стили, интерактивность и прочее, используя каскадные таблицы стилей, JavaScript, SVG, Flash и все остальное, что можно вставить в страницу. Все это подключается к документы «извне» для того, чтобы браузеры (или роботы поисковиков), которые не могут прочесть эти дополнения, даже не пытались их обработать.

Базовые принципы

Поэтапное улучшение базируется на нескольких основных принципах:

  • основной контент и функциональность должены быть доступны для всех браузеров;
  • весь контент должен быть правильно семантически сверстан;
  • улучшенная разметка и функциональность обеспечивается внешними CSS- и JS-файлами;
  • системные установки браузеров должны быть учтены.

Плюсы

Страницы, которые сделаны с учетом принципов проэтапного улучшения, являются более понятными и удобными в работе. Основной контент всегда доступен, не перегружен возможно не поддерживаемыми вставками кода. Кроме того, правильная семантическая верстка проще разбирается и читается инструментами для анализа контента (пауки поисковых систем, части скриптов контекстной рекламы и т.д.).

Учитывая, что основной контент всегда доступен, пауки поисковиков не будут иметь проблем с индексированием вашего сайта или какой-то части контента, так что с точки зрения поисковой оптимизации, сайты, сделанные с учетом этих принципов, лучше.

Критика

Некоторые скептики полагают, что принцип поэтапного улучшения не может работать в случаях, когда конкретные элементы пользовательского интерфейса или поведения полность основаны на JavaScript. Многие выражают сомнение, что принцип разделения контента и внешнего вида имеет право на жизнь, там как по их мнению эти две вещи тесно связаны (например, флеш сайты).

Итак, сегодня мы познакомились с таким понятием как прогрессивное улучшение. В скором времени выйдут более практические статьи. Пока.

Расскажите друзьям

Оцените статью:
  • 1
  • 2
  • 3
  • 4
  • 5

Комментарии — 6

Андрей
Очень интересно будет прочитать более пратические статьи
#
Андрей
Илья
Так для этого надо знать JavaScript???получается.
Grin
Илья, js всего лишь один из "слоев" этого пирога
#
Grin
alvira
Идея хорошая, привлекает доступность для поисковиков, обязательно почитаю и практические статьи, спасибо.
Alexpts
>>Кроме того, правильная семантическая верстка проще разбирается и читается инструментами для анализа контента.

А подробнее можно об этом, что именно имеется ввиду под правильной семантической версткой в этом предложении?

Новый комментарий

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
counter strike mt2 silkroad pvp metin2 metin2 pvp knight pvp gm olarak başlayan pvpler pvp silkroad pvp serverler counter strike serverler msn show cam show görüntülü sohbet oyunlar suskunlar gazete oku