Modernizr добавляет поддержку HTMLS-элементов в устаревшие версии браузера Internet Explorer

Поскольку я выбрал специальную производственную версию Modernizr, включающую HTML5-прослойку, то теперь после обновления нашей веб-страницы в Internet Explorer 8 она выглядит намного лучше, чем раньше.

Улучшенный вид нашей страницы в Internet Explorer 8.

Мне не потребовалось делать что-либо еще. Поскольку JavaScript-библиотека Modernizr позволила добавить поддержку структурных HTML5-элементов в устаревшие версии браузера Internet Explorer, многие стандартные CSS-стили теперь стали понятны этим версиям, и страница обрабатывается как следует.

На мой взгляд, все выглядит вполне приемлемо. Если вы не знаете, как этот же сайт отображается в современном браузере, то вряд ли заметите какую-либо разницу. Однако, поскольку Internet Explorer 8 не поддерживает CSS3, мы знаем, что при отображении в нем дизайн будет иметь кое-какие очевидные недостатки в визуальном плане, если сравнивать с просмотром в современном браузере. В частности, навигационные ссылки не окрашены в чередующиеся цвета (при необходимости это можно легко исправить, добавив дополнительный класс для нечетных навигационных ссылок), у кнопки нет скругленных углов, текст и блочные элементы не отбрасывают теней. И, что, возможно, более важно, несмотря на гибкость нашей «резиновой» сетки, отсутствие поддержки CSS3 означает, что медиазапросы тоже не поддерживаются. Нет поддержки медиазапросов — нет значительных изменений макета при отображении в разных по размеру областях просмотра в браузере Internet Explorer версий 6, 7 и 8.

Хотя я никоим образом не считаю наш макет неполноценным, такой инструмент, как Modernizr, также дает нам возможность использовать полизаполнения для устранения пробелов в функциональности устаревших браузеров. В качестве наглядного примера добавим поддержку медиазапросов min-width и max-width, чтобы наш дизайн адаптировался к разным по размеру областям просмотра в Internet Explorer версий 6, 7 и 8.