Internet Explorer и HTML5

IE+HTML5

Описание насущной проблемы

Все нормальные люди знают, что Microsoft Internet Explorer старых версий (т.е. 7,8; про шестую по понятным причинам промолчу) не поддерживает корректное отображение элементов пока ещё нового экпериментального стандарта HTML5 от W3C. Ну как сказать не поддерживать? Верстка и соответственно стили просто летят куда подальше вот такие дела. Другое дело девятый экслорер, тут чуток получше. Специальные валидные условные комментарии здесь в одиночку не справятся.

Понятное решение

Делу поможет одна наиполезнейшая JavaScript-библиотека от программистов, скрывающихся под никами afarkas и @jon_neal. Установка и подключение занимает всего два шага, собственно установку и подлючение. Извиняюсь за игру слов.

  1. Скачиваем сборку с репозитория на https://github.com/aFarkas/html5shiv/zipball/master.
  2. Между головных тегов <head> пишем данную ниже конструкцию:
    <!--[if lt IE 9]>
    <script src="dist/html5shiv.js"></script>
    <![endif]-->
    

Таким образом если мы имеем веб-обозреватель младше 9, подключается наш "костыль". Пример работы можете без проблем посмотреть на этом сайте.

Краткие пояснения возможно сложных моментов

Исходный код библиотеки добавляет новые элементы разметки (которые по своей сути являются простым кодом), а также поддерживает печать HTML5 элементов, включает в себя стили по умолчанию для "новичков", таких как block, article, hgroup или section.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.