Что такое заглушка? Как установить заглушку для IE6?

Этот видеоурок мы посвятим разбору таких вопросов:

  • Что такое заглушка?
  • Что делать, если нету времени на решение проблем с браузером IE6?
  • Как установить заглушку для IE6 на свой сайт?

Скачать материалы:
Скачать 14 видеоурок по CSS Размер: 5.3 MB, скачали: 541 раз.
Скачать исходники к 14 видеоуроку по CSS Размер: 257.02 kB, скачали: 608 раз. 
Как запустить видеоурок:

  1. Разархивировать скачанный файл.
  2. Открыть папку index.
  3. Запустить файл index.html в браузере.

Добро пожаловать в четырнадцатый урок из видеокурса по CSS. Как прижать футер к низу страницы, вы знаете. А теперь на минуту представьте, что у вас есть сайт с красивым дизайном и сложной версткой, но нет ни возможности, ни желания, ни времени, чтобы адаптировать свой сайт под IE6. В таком случае вам может помочь заглушка.

Что такое заглушка?

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

Как установить заглушку для IE6?

В дополнительных материалах вы найдете папку с именем «IE6». Скачать ее в архиве можно также на странице http://habrahabr.ru/blogs/noie/81784, нажав на ссылку внизу статьи. После скачивания папки, поместите ее в корне вашего сайта. Затем зайдите в нее и откройте файл ie6.html с помощью редактора notepad. Также откройте наш файл page.html и внесите в область комментариев для IE с версией ниже седьмой следующую строчку:

 <meta http-equiv="refresh" content="0; url="http://site.ru">
 

Значение refresh атрибута http-equiv означает переадресацию. Число, у нас — это ноль, означает, через сколько секунд произвести переадресацию. В нашем случае — мгновенно. Далее идет ссылка на страницу, на которую следует переадресовать пользователя. Если ваш сайт размещен в интернете, то просто добавляете «/ie6/ie6.html».

 <meta http-equiv="refresh" content="0; url="http://site.ru/ie6/ie6.html">
 

Если же ваш сайт в интернете не размещен, то тогда перейдите в браузер, посмотрите, где располагается файл page.html, и скопируйте адрес после наименования диска. Замените «http://site.ru» на этот адрес:

 <meta http-equiv="refresh" content="0; url="/Users/Forman/Desktop/Site/ie6/ie6.html">
 

Сохраняем и переходим в документ ie6.html. Здесь заменяем все ссылки  «http://site.ru» на путь к вашей главной странице. Пусть у нас это будет page.html.

 <a href="/Users/Forman/Desktop/Site/page.html">
 

Сохраняем. Проверим в браузере Opera — ничего не изменилось. Теперь перейдем в программу IETester (скачать программу можно из десятого видеоурока по CSS) и откроем окно браузера IE6. Мы видим, что у нас произошла переадресация на страницу заглушки. Нам предлагают сменить наш устаревший браузер. Если пользователь все-таки не хочет менять браузер, а хочет вернуться на сайт, то он нажмет «Возврат на сайт», после чего его снова перекинет на эту страницу. Тогда вы поинтересуетесь, зачем создавать такую кнопку. Я вам отвечу. Эта кнопка будет работать, если вы используете php код, который приведен на http://habrahabr.ru/blogs/ie/81784. Но так как наш курс посвящен не php, а CSS, то мы воспользовались немного другим способом переадресации. Получилось тоже неплохо, потому что пользователю придется обновить браузер, чтобы перейти на ваш сайт.

До встречи в следующем, пятнадцатом видеоуроке по CSS, в котором мы создадим красивое горизонтальное меню с помощью CSS спрайтов!

Подпишись на info-line:

Получать новые уроки на e-mail:

8 комментариев на “Что такое заглушка? Как установить заглушку для IE6?”

  1. Надежда 15 декабря 2011 в 13:55 #

    Эта кнопка будет работать, если вы используете php код, который приведен на habrahabr.ru/blogs/ie/81784

    Если использовать php-код, нужно учитывать требования к хостингу?

  2. Олег Зубцов 15 декабря 2011 в 22:09 #

    Если использовать php-код, нужно учитывать требования к хостингу?

    Да. Нужно, чтобы хостинг предоставлял доступ к PHP и MySQL.

    • Надежда 21 декабря 2011 в 17:51 #

      Вставленный код будет автоматически работать при размещении страницы на таком хостинге, или что-то нужно настраивать?

  3. Дмитрий 28 января 2012 в 16:08 #

    Google еще в 10 году начал убийство браузера — закрыл доступ к ключевым сервисам. Так может, чтобы не парится — сделаем заглушку для ie7? =)

  4. LOSKAND 29 апреля 2012 в 1:57 #

    Заглушка не рабочая, в php смыслю, ставил её в орегинале и пытался редактировать, а всё бестолку, в версиях 8, 9 IE заглушка не срабатывает, как не крутил, всё равно попадал на главную а не на страницу подключеную к header

    • Олег Зубцов 29 апреля 2012 в 11:18 #

      Заглушка рабочая. PHP мы здесь не используем. Заглушку не надо редактировать. Чтобы она работала в 8 и 9 IE, достаточно поменять условные комментарии в index'ном файле. Мы ведь специально прописывали их, чтобы заглушка действовала только на старые версии IE, так как проблемы возникают именно с ними. Если у вас возникают проблемы с 8 -ым и 9-ым IE, то, как я уже сказал, просто подредактируйте условные комментарии. Подробнее про условные комментарии я рассказывал в 10-ом и 11-ом видеоуроках по CSS.

Оставить ответ