Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Браузеры с поддержкой html5

.

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

В общем-то, даже нет смысла обсуждать здесь браузерную поддержку, ибо все сказанное, без сомнения, потеряет актуальность к тому времени, как книга отправится в печать. И все же я утверждал бы, ссылаясь на ресурс, что браузеры весьма различно поддерживают HTML5 и CSS3. Они по-разному работают с новейшими функциями HTML5, но некоторые из них выбиваются из строя особенно сильно. Я, конечно, имею в виду Internet Explorer.

Устранение ошибок в Internet Explorer. До выхода Internet Explorer 9 браузеры IE вообще не поддерживали новые элементы HTML5 (и с проблемами поддерживали некоторые функции HTML5). Однако есть способ заставить ранние версии Internet Explorer «вести себя прилично», по крайней мере с точки зрения поддержки стилизации этих новых элементов. Проблема только в том, что ранние версии «не знают», что это за новый элемент — header, к примеру.

Это блочный элемент?

У него должны быть какие-нибудь поля или отступы?

 Как должен отображаться текст внутри его?

Может ли он быть пунктом списка?

Может ли он быть включен в ячейку таблицы?

Internet Explorer 8 и ниже просто не знают, что с ним делать! Так что если вы попробуете стилизовать такой элемент, например, вот так:

header {background: red: padding:10 рх: colonwhite;}

то ничего не выйдет.

Но есть способ заставить Internet Explorer распознать элемент header и другие элементы HTML5 — использовать хитрый сценарий. Автор этого сценария, за который мы все должны быть благодарны, — Реми Шарп.

Просто поместите сценарий между открывающим тегом head и закрывающим /head и не беспокойтесь больше ни о чем. Рассмотрим, как это работает.

1. В первую очередь сценарий проверяет, действительно ли он должен в данный момент сработать. В условный комментарий заключено указание применить определенный CSS-код или сценарий для указанных версий Internet Explorer. В данном примере сценарий будет срабатывать для версий старше Internet Explorer 9 — это прописано как if It Internet Explorer 9 (It означает less than — «меньше»).

2. Сценарий размещен на сайте Google. Вы всегда можете скачать его на свой хостинг, но лучше оставить версию с Google, так как она будет подключаться быстрее, чем ваш сервер. Еще одно преимущество заключается в том, что другие сайты также могут обращаться к этому фрагменту кода. Это значит, что посетитель вашего сайта мог уже зайти на другой сайт, использовавший тот же сценарий, и, следовательно, имеет его в своем кэше, так что нет необходимости загружать его заново.

3. Внутри сценария старшие версии Internet Explorer «знакомятся» с новыми элементами HTML5. В документе каждый новый элемент динамически генерируется и заново вставляется в документ.

4. Элементы, автоматически сгенерированные сценарием, не появляются на вашей веб-странице, но Internet Explorer 9 теперь «знает», что они существуют, и вы можете стилизовать их как вам угодно.

Это очень просто, поэтому предлагаю вам новое задание по учебному сайту.

1. Откройте в текстовом редакторе главную страницу — index. html.

2. Сразу после тега meta и перед link добавьте ссылку, открывающую доступ к HTML5, в тегах scri pt. Вот как это должно выглядеть:

3. Повторите это для всех страниц сайта.

Если теперь вы обновите страницу в браузере, то не увидите изменений, что вполне понятно — мы же еще не применили никаких функций из HTML5! Для всех браузеров, кроме Internet Explorer раньше 9-й версии, этот сценарий будет игнорироваться, как и задумано.

.

Читайте так же:
Not found