Вверх A A A
Обратная совместимость
Январь 2018
Нед Пн Вт Ср Чт Пт Сб Вс
1
1
2
3
4
5
6
7
2
8
9
10
11
12
13
14
3
15
16
17
18
19
20
21
4
22
23
24
25
26
27
28
5
29
30
31
6
Обратная совместимость

Обратная совместимость

Краткий курс HTML 5

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

Обратная совместимость -
  1. Сообщаем IE о новых тегах

    Реми Шарпом (Remy Sharp) был разработан небольшой скрипт, решающий проблему отображения новых элементов в Internet Explorer. Его можно скачать по этой ссылке или подключить к документу прямо с сервера Google. Для этого разместите следующий код внутри элемента <head> (это необходимо, чтобы IE уже «знал» о новых элементах до того, как встретит их на странице):

    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    Конструкция <!--[if IE]> работает только в Internet Explorer, остальные браузеры примут ее за обычный комментарий и не станут подключать скрипт. В данном случае это и требуется, поскольку другие браузеры способны отображать даже содержимое тегов, которые они не «понимают».

  2. Делаем новые элементы блочными

    Следующим шагом будет подключение к документу инструкций CSS, которые сделают неизвестные браузеру блочные элементы действительно блочными. Добавьте cледующую строку в подключенный CSS файл или непосредственно в элемент <style>, располагаемый в заголовке документе:

    article, aside, footer, header, nav, section {display: block}
  3. Отказываемся от устаревших тегов

    Тем из вас, кто уже знаком с HTML 4, теперь придется забыть о следующих тегах: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <s>, <strike>, <tt>, <u> и <xmp>. Все они считаются устаревшими и не поддерживаются в HTML5. Их применение не должно привести к неправильному отображению документа, однако строго не рекомендуется.

    Во многих тегах изменился список поддерживаемых атрибутов. Подробнее о каждом из них написано в соответствующих главах этого курса.

  4. Применение новых API и методов DOM

    В стандарте HTML5 появился целый ряд API, использование которых может привести к ошибкам в браузерах, которые их не поддерживают. Сюда входят 2D drawing API для рисования в объекте <canvas>, API проигрывателей <audio> и <video>, Editing API и Drag&drop API для элементов с атрибутами contenteditable и draggable, а также некоторые другие.

    В интерфейсе HTMLDocument появились новые методы: getElementsByClassName(), activeElement(), hasFocus(), getSelection() и другие. Не обошли стороной и HTMLElement, однако подробное рассмотрение API и DOM не входит в задачи этого курса. Стоит лишь отметить, что использовать эти нововведения нужно аккуратно, по возможности создавая функции заменяемыми и не критичными для работоспособности веб-приложений.

    5 / 388


595

Эта статья находится в разделах:

Краткий курс HTML 5

Обратная совместимость
Свернуть