Новшества, реализованные в HTML5. Часть 1

В пятой версии HTML присутствует множество нововведений. Например, для документации, блогов, статей, а также аналогичных элементов теперь будут использоваться section, article, а также новая система рубрикации и заголовков. Подвал и шапка, боковая панель, а также панель навигации получили обозначения: footer, header, aside и nav. В прошлом подобные функции выполнялись элементами div (например, div id=”footer”). Однако сам браузер при этом одинаково обрабатывает всю информацию в «дивах», не замечая никакой разницы между блоками.

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

Пожалуй, основными нововведениями являются возможности для мультимедийного контента – элементы video и audio. Их работа строится по следующему принципу: они интегрируют в документ необходимый ресурс, обеспечивая при этом костомные элементы управления, например – кнопки остановки, паузы, воспроизведения, перемотки, а также регулятора громкости. В тех обозревателях, где подобные элементы не распознаются, в ход идет принцип обратной совместимости – новый стандарт дает возможность дополнить элементы video и audio альтернативным контентом, например, flash-роликом. Поэтому, все вроде как остаются довольными. Нельзя не отметить тот факт, что реализованные в HTML5 новые возможности не создают каких-либо препятствий в тех браузерах, где они не распознаются – практически все они могут быть оформлены с помощью альтернативных методов JavaScript, CSS и прочих технологий.

Помимо элементов audio и video, в HTML5 также ввели любопытный элемент canvas, обеспечивающий возможность рисования графики «на лету» с использованием технологии JavaScript. Очевидно, что большая часть людей проще и быстрее воспринимают информацию посредством визуального отображения. Как только Opera и Firefox стали поддерживать данный элемент, у разработчиков проснулся неподдельный интерес к новому стандарту. Об остальных нововведениях языка вы сможете узнать из продолжения статьи - новшества, реализованные в HTML5. Часть 2.