Основы программирования на языке HTML

Главной задумкой разработчиков стандарта HTML5 является создание рабочего языка гипертекстовой разметки, который будет успешно и качественно функционировать на практике. В основу стандарта положен один из принципов согласно которому интересы реальных пользователей всегда будут в приоритете, затем — интересы создателей сайтов, далее разработчиков браузеров и других приложений, затем — авторов стандарта, и только потом — эмпирические и идеологические соображения, которые консорциум безуспешно продвигал в течении последних 10 лет.
HTML5 должен стать более гибким и устойчивым языком гипертекстовой разметки, как HTML 4.0, поэтому в стандарте большое внимание отводится обратной совместимости. С одной стороны, новый язык не полностью совместим с предыдущими версиями, но, с другой стороны, имеет весомые отличия например, как XHTML 2.0.
На сегодняшний день HTML5 известен в двух форматах — как разновидность языка XHTML и как оптимизированная модификация HTML. Разработчики web-страниц могут использовать любой из этих форматов в своей деятельности. Согласно первому формату новый язык согласуется с XML 1.0, таким образом разработчикам предоставлены все преимущества языка XML и сопутствующих технологий. Во втором формате HTML5 ликвидирована формальная совместимость с SGML. Все предшествующие стандарты HTML5 претендовали на данную совместимость, однако никакой браузер не мог обработать код HTML со сложными правилами SGML. Вместо этого применялись простые алгоритмы, распознающие набор определенных атрибутов и элементов.
Данное действие браузеров было окончательно согласовано в языке HTML5. Новый стандарт не поддерживает технологию SGML, но при этом описывает формальные правила для перевода определенных тегов и других синтаксических конструкций. В итоге, HTML5 формализует принципы, по которым браузеры могут обработать код.
На современном этапе своего развития HTML5 структурировано и детально описывает поведение браузеров в отличие от устаревших стандартов, предназначенных в большинстве своем только для разработчиков кода. Он выдвигает требование для браузеров производить обработку не только рационального кода, но и по возможности исправлять ошибки, вплоть до использования отсутствующих элементов в стандарте.
Например, язык гипертекстовой разметки HTML5 не предоставляет возможности разработчикам кода применять такие элементы как nobr или marquee, однако при этом описывает, как браузеру необходимо действовать, если в документе они присутствуют.
Еще одной ключевой особенностью нового стандарта HTML5 является то, что производит описание документа HTML5 в определении объектной модели (DOM). Перед тем, как показывать web-страницы браузер создает древовидную структуру объектов и соответствующих элементов.
Данный этап преднамеренно скрывался в устаревших стандартах, однако HTML5 данный этап демонстрирует в виде соответствующего представления документа.
Это позволяет включить в спецификацию объекты, свойства и методы DOM, которые широко используются с незапамятных времен, однако никогда не были стандартизованы: window.open () alert (), prompt () document.links, document, images, innerHTML, contentEditable и так далее. Наконец, в HTML 5 официально включен элемент embed.
Однако HTML 5 содержит в своем составе не все, что поддерживается в браузерах. Некоторые элементы, наоборот, удалены из стандарта: acronym, applet, basefont, big, center, dir, font, isindex, s, strike, tt, u. Отсутствуют фреймы (frame, frameset, noframes), хотя остался элемент iframe. Нет больше атрибутов, которыми почти никто не пользовался (accesskey, longdesc и др.) или которыми нет смысла пользоваться (align, border, valign, cellpadding, cellspacing и др.). Некоторые старые элементы иначе переосмыслены: например, i и b теперь означают разные формы смыслового выделения, а не курсив и полужирный шрифт; hr отвечает за разрыв в структуре документа.
Введена замена следующих элементов:
<applet>, <object> заменено тегом <embed> (используется для внедрения объектов);
<acronym> заменено тегом <abbr> (используется для аббревиатур);
<bgsound> заменено тегом <audio> (для внедрения проигрывателя на страницу);
<frame> заменено тегом <iframe>;
<listing>, <xmp> заменено тегами <pre> и <code> (для вставки листингов программ и кодов);
<plaintext> — заменено тегом <pre>.
Элемент menu получил второе значение и позволяет создавать настоящее меню, а address ограничен в правах и предназначен строго для контактной информации в узком контексте.
Также в HTML5 введены множество новшеств. Для статей, блогов, документации и подобных материалов будут полезны элементы article и section, а также новая система заголовков и рубрикации. «Шапка» и «подвал», панель навигации и боковая панель описываются элементами header, footer, nav и aside.
Для мультимедийного содержания появились элементы audio и video. Они внедряют в страницу соответствующий ресурс и обеспечивают стандартные элементы управления — кнопки запуска, паузы и остановки, регулятор громкости.
Для управления отображением аудио доступны атрибуты, перечисленные в таблице 1.
Таблица 1
Атрибуты тега <audio>
Атрибут Описание
controls
Показывает или прячет кнопки управления проигрыванием
autoplay Начинает воспроизведение сразу после отображения браузером
loop
Повторяет воспроизведение аудио-файла
src
URL аудио-файла
preload
Варианты значений для загрузки файла перед воспроизведением: none: не буферизировать файл заранее metadata: загружать метаданные из файла auto: загрузить весь файл до воспроизведения