HTML 5 — очередной шаг в будущее Интернета
Гаврющенко
М.И.
Научный руководитель: Палагута К. А.
Донецкий
национальный университет экономики и торговли
имени Михаила Туган-Барановского, Украина
HTML
4 используется 10 лет. За это время не было серьезных шагов по его
усовершенствованию. Появился XHTML, однако, он только ужесточает правила и
заставляет писать лучший и более качественный код. При этом, пользователь
полностью заботится о соответствии стандарту. HTML 5 же призван сделать больше.
Он добавляет серию очень важных нововведений.
Работа
над HTML5 началась еще в 2004-м, но
только сейчас он начинает вызывать серьезный интерес. Увеличивается поддержка
браузеров, поддерживается 4-мя из 5-ти наиболее распостраненных браузеров среди
пользователей. Вместе с тем не совсем реально, хотя и возможно, использовать
HTML 5, так как новый стандарт не поддерживается в MSIE.
Основная
идея разработчиков HTML 5 — сделать жизнеспособный язык разметки, который будет
работать на практике и приносить пользу посетителям и разработчикам сайтов.
Один из принципов, положенных в основу стандарта: на первом месте стоят
интересы реальных пользователей, затем — создателей сайтов, затем —
разработчиков браузеров и других приложений, затем — авторов самогó
стандарта, и только потом — теоретические и идеологические соображения, которые
Консорциум безуспешно продвигал последние десять лет.
HTML
5 должен стать преемником как HTML 4.01, так и XHTML 1.0, поэтому в стандарте
уделяется большое внимание обратной совместимости. С одной стороны, новый язык
не полностью совместим с предыдущими версиями, но, с другой стороны, не уходит
в отрыв, как XHTML 2.0.
HTML
5 существует в двух вариациях — как разновидность XHTML и как модификация
старого HTML. Создатели веб-страниц
могут применять любую из этих вариаций. В первой вариации новый язык полностью
согласован с XML 1.0, так что разработчикам доступны все преимущества XML и
смежных технологий.
Во
второй вариации HTML 5 положил конец ошибке прошлых лет — формальной
совместимостью с SGML. Все предыдущие стандарты HTML претендовали на эту
совместимость, но ни один браузер не обрабатывал код HTML по сложным правилам
SGML. Вместо этого использовались простые алгоритмы, распознающие набор
конкретных элементов и атрибутов.
HTML
5 взял за правило такое поведение браузеров. Новый стандарт не оглядывается на
SGML, а описывает частные правила для интерпретации конкретных тэгов и других
синтаксических конструкций. По существу, HTML 5 документирует принципы, по
которым браузеры уже обрабатывают код последние пятнадцать лет.
Один
из элементов, заслуживающий внимания, по нашему мнению — <canvas> — это
поле для рисования двухмерной графики, управлямый с помощью JavaScript. Вы
можете использовать его для построения графиков и других динамических
изображений.
Тег
<video> упрощает добавление видео клипов на HTML-страницы. Он может
содержать атрибуты src, autoplay и loop. Тег <video> также допускает
задание текстового описания для видео (для незрячих людей). В идеале это должна
быть полная текстовая интерпретация видео.
Тег
<audio> похож на <video>, но предназначен для аудио-файлов.
HTML5
также предусматривает метод для простого добавления на веб-страницу контекстных
меню. Возможно, такие меню не слишком полезны для обычных сайтов. Зато для
приложений, в которых множество функций хотелось бы сгруппировать и отображать
контекстно, такая возможность очень пригодиться.
Так
как HTML 4 почти не структурирован, в 5-ю версию спецификации были добавлены
новые элементы, призванные исправить этот недостаток:
·
<section> —
секция, либо параграф.
·
<header> — верхний
колонтитул страницы
·
<footer> — нижний
колонтитул страницы.
·
<nav> — содержит
набор ссылок на другие страницы. Например, вы можете расположить там навигацию
по вашему сайту.
·
<article> — в этот
тег может быть включена, например, статья блога.
·
<aside> — может
быть использован для предоставления дополнительной информации к текстовому
блоку.
·
<figure> — может
быть использован, например, для создания диаграмм.
Новые
inline-элементы
Стандарт
HTML5 вводит новые элементы, которые позволяют специальным образом выделять
фрагменты текста, содержащие время и числа:
ü
<mark> — помечает
фрагмент текста. Можно, например, отметить найденные термы в списке результатов
поиска.
ü
<time> — можете
использовать этот тег для вывода времени или даты в текстовом блоке.
ü
<meter> — для
представления чисел в определенном диапазоне. Он может иметь различные
атрибуты: value, min, max, low, high и optimum.
ü
<progress> — может
быть использован для отображения индикатора состояния процесса. Имеет пару
атрибутов: value и max.
HTML
5 добавляет ряд новых типов для полей ввода данных: datetime,
datetime-local, date, month,
week, time, number, range, email, url.
Некоторые
из них широко применяются в пользовательских интерфейсах desktop-приложений. И,
вероятнее всего, они будут уже хорошо знакомы всем вашим пользователям.
Следующие
элементы HTML считаются устаревшими: acronym, applet, basefont, big, center,
dir, font, frame, frameset, isindex, noframes, noscript, s, strike, tt, u.
Несколько
нововведений, которые сделают создание сайтов и web-приложений проще :
<details> — дополнительная информация, о чем-либо.
Например, данный тег может быть использован в браузерах для реализации
подсказки. Тег может иметь атрибут open, указывающий будет ли содержимое тега
изначально показано пользователю или нет.
<datagrid>
— В отличие от традиционных таблиц (которые задуманы как статические), этот тег
может быть использован для представления интерактивного набора данных.
Например, для таблицы с выбором строк или колонок, inline-редактированием
данных, сортировкой и т.п.
<menu> — ранее не рекомендуемый, тег <menu>
вернулся в стандарт HTML5 в новом обличии. Теперь он может содержать, например,
элементы <command>, которые вызывают
соответствующие команды. Этот элемент можно использовать для представления
панели инструментов или контекстного меню (см. выше). Тег может иметь атрибуты
label и icon. Они могут быть добавлены для создания многоуровневого меню.
В
HTML5 стало проще объявлять DTD: <!doctype
html> Объявление DTD стало более аккуратным и, по нашему мнению, более
запоминающимся. Скорее всего, это является результатом того, что HTML больше не
связан с SGML.
Атрибут
async дает браузеру подсказку, что блок сценария может выполняться асинхронно,
вместо того, чтобы ждать, пока страница не загрузилась полностью.
Не
смотря на то, что работа над HTML 5 идет очень быстро, до ее завершения
остается еще большое количество времени (по сегодняшним оценкам потребуется еще
10—15 лет). В течении этого времени, отзывы со стороны веб-дизайнеров,
разработчиков CMS и браузеров, а так же иных специалистов, остаются актуальными
для успешного развития проекта. Инициатива всех желающих внести свой вклад в
развитие HTML 5 не только приветствуется, но и активно поощряется.
Литература:
1. http://www.realcoding.net/article/view/6899
2. http://www.optimism.ru/agency/articles/270/
3. http://www.quizful.net/post/new-in-html-5