Хотя полная спецификация HTML5 пока не утверждена, большинство новых HTML5-функций в той или иной степени уже поддерживаются современными браузерами, включая Apple Safari, Google Chrome, Opera, Mozilla Firefox и даже Internet Explorer 9! Конечно, маловероятен тот факт, что все в текущем черновике HTML5-спецификации доживет до достижения ею статуса W3C Recommendation (REC), однако в ней имеется масса новых функций, которые можно использовать уже сегодня.
Большинство сайтов может быть написано на HTML5.
В настоящее время, если меня попросят создать сайт, я по умолчанию буду использовать для написания разметки HTML5, а не HTML 4.01. Всего несколько лет назад ситуация была противоположной, однако сейчас нет убедительных причин для того, чтобы не писать разметку сайтов на HTML5. Все современные браузеры без проблем «понимают» общие HTML5-параметры (новые структурные элементы, теги <video> и <audio>), а устаревшие версии Internet Explorer допустимо снабдить полизаполнениями, чтобы устранить возможные недостатки.
ЧТО ТАКОЕ ПОЛИЗАПОЛНЕНИЯ?
Термин «полизаполнение» (polyfill) был придуман Реми Шарпом (Remy Sharp) как намек на заполнение брешей в устаревших браузерах с использованием Polyfilla (название шпатлевки в США). Таким образом, полизаполнение — это JavaScript-прослойка, которая эффективно имитирует новые функции в устаревших браузерах. Однако важно учитывать, что полизаполнения «утяжеляют» код. Таким образом, простая возможность добавить три сценария-полизаполнения, чтобы Internet Explorer 6 обрабатывал ваш сайт так же, как и любой другой браузер, вовсе не означает, что вы непременно должны прибегать к ней!
Полизаполнения, прослойки и Modernizr.
Как правило, устаревшие версии Internet Explorer (до версии 9) «не понимают» новые семантические HTML5-элементы. Однако не так давно Шерд Висшер (Sjoerd Visscher) выяснил, что если создавать элементы, изначально используя JavaScript, то Internet Explorer будет способен распознать и стилизовать их соответствующим образом. Вооружившись этими знаниями, специалист по JavaScript Реми Шарп создал небольшой специальный сценарий (http://remysharp.com/2009/01/07/ html5-enabling-script/), который при включении в HTML5-страницу волшебным образом обеспечивает поддержку HTML5-элементов в устаревших версиях Internet Explorer.
Наверняка HTML5-первопроходцы в течение длительного времени применяли бы в своей разметке этот сценарий, чтобы обеспечить для пользователей
Internet Explorer версий 6, 7 и 8 взаимодействие, сопоставимое с тем, что имеет место в современных браузерах. Однако прогресс шагнул далеко вперед. Сейчас у нас есть новичок, который делает все описанное чуть выше, а также многое другое. Он называется Modernizr (http://www.modernizr.com) и заслуживает вашего внимания, если вы создаете страницы на HTML5. Помимо обеспечения поддержки структурных HTML5-элементов в устаревших версиях Internet Explorer, он позволяет условно загружать дополнительные полизаполнения, CSS-и JavaScript-файлы, беря за основу результаты тестов браузеров на предмет поддерживаемых ими функций.
Таким образом, поскольку веских доводов в пользу того, чтобы не использовать HTML5, мало, приступим к написанию разметки на HTML5.
НУЖЕН КРАТЧАЙШИЙ ПУТЬ К ОТЛИЧНОМУ HTML5-КОДУ? РАССМОТРИТЕ ВОЗМОЖНОСТЬ ИСПОЛЬЗОВАНИЯ HTML5 BOILERPLATE
Если время не терпит и вам необходима хорошая отправная точка для вашего проекта, то рассмотрите возможность использования HTML5 Boilerplate (http://html5boilerplate.com/). Это готовый HTML5-файл, включающий важные стили (как, например, упоминавшийся ранее normalize. css), полизаполнения и инструменты вроде Modernizr. Кроме того, в него входит компоновочный инструмент, который автоматически соединяет CSS и JavaScript-файлы, а также удаляет комментарии для создания производственного кода. Очень рекомендую!
Добавить комментарий