HTML5 становится все популярнее с выходом очередных версий браузеров. Некоторые из рассмотренных нами средств фактически уже поставлялись вместе с браузерами. Никто не осмелится отрицать, что внедрение HTML5 в браузеры идет ускоренными темпами.

Действуя в несвойственной ей манере, компания Microsoft уже опубликовала несколько предварительных обзоров, посвященных следующей модели своего браузера. Internet Explorer 9 (IE9) будет поддерживать некоторые важные возможности HTML5 и улучшения, направленные на ускорение работы приложений, поэтому если вы будуте искать где купить компьютер для фирмы , сразу узнавайте какая версия браузера будет установлена. Когда IE9 появится на рынке, базовые средства современных браузеров будут охватывать значительную часть предусмотренных в HTML5 возможностей, касающихся работы с мультимедиа, хранения данных и обмена сообщениями.

Сегодня многие разработчики по-прежнему стараются придерживаться принципа обратной совместимости, стремясь к тому, чтобы их приложения могли работать даже с устаревшими моделями браузеров. Internet Explorer 6 оказался самым "стойким" из всех старых браузеров, которые широко используются по состоянию на 2010 год.

Но даже для IE6 срок жизни ограничен, поскольку теперь все труднее подобрать операционную систему, которая бы его поддерживала. Пройдет время, и число компьютеров, на которых для работы с Интернетом используется IE6, сведется почти к нулю. Все больше и больше пользователей Internet Explorer обновляют браузер, устанавливая самые последние версии, что ведет к развитию Интернета. Устаревшие браузеры, заслуживающие нареканий, будут существовать всегда, но уровень требований постоянно повышается: на момент написания книги рыночная доля Internet Explorer 6 составляла 20% и продолжала падать. Большинство пользователей, обновляющих свои браузеры, сразу заменяют их современными версиями.

HTML5 вводит не только новые семантические элементы, но и новые упрощенные способы поиска элементов в DOM-модели страниц. В спике ниже приведены предыдущие версии методов объекта document, с помощью которых разработчики могли находить на странице нужные элементы.

Предыдущие методы JavaScript, предназначенные для поиска элементов getElementByid () Возвращает элемент с указанным значением атрибута id getElementsByName () Возвращает все элементы с атрибутами name, имеющиюми указанное значение getElementsByTagName () Возвращает все элементы, имя дескриптора которых соответствует тэгу

Новые селекторные функции предлагают более точные способы указания искомых элементов, не требующие применения циклов и итеративного просмотра документа с помощью стандартной DOM-модели.

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

Как уже отмечалось, при разработке HTML5 сделана попытка максимально учесть предыдущий опыт использования HTML. Компания Google проанализировала миллионы страниц в поиске общих идентификаторов имен в дескрипторах DIV и обнаружила огромное количество повторений. Например, для разметки нижнего колонтитула страниц многие разработчики используют в элементе DIV атрибут id="footer". Для создания различных частей документа HTML5 предоставляет новый набор элементов, который в современных браузерах можно использовать уже сегодня.

HTML5 вводит много новых элементов разметки, сгруппированных в соответствии с семью различными типами содержимого. Перечень типов содержимого приведен ниже.

Embedded - содержимое, импортирующее в документ другие ресурсы, например audio, video, canvas ИЛИ iframe Flow - лементы, используемые в теле документов и приложений, например form, hi или small Heading - заголовки разделов, например hi, h2 или hgroup Interactive - содержимое, с которым взаимодействуют пользователи, например audio, video, button ИЛИ textarea Metadata - лементы (обычно располагающиеся в разделе head), которые задают представление или поведение остальной части документа, например script, style или title Phrasing - текст и элементы разметки текста, например mark, kbd, sub или sup Sectioning - элементы, определяющие логические разделы документа, например article, aside или title

Прежде чем приступить к собственно программированию, вкратце познакомимся с тем, что нового содержится в HTML5 .

Новый дескриптор DOCTYPE и новое объявление кодировки символов

Во-первых, в соответствии с третьим принципом проектирования— упрощение— дескриптор DOCTYPE для веб-страниц значительно упростился. Взгляните, к примеру, на следующий дескриптор DOCTYPE в HTML 4:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">