[size=15pt][tt]<!DOCTYPE html>[/tt][/size]
22 января на w3.org был опубликован черновик (working draft) новой спецификации HTML 5.
Tim Berners-Lee, автор первой версии языка и глава консорциума:
HTML is of course a very important standard. I am glad to see that the community of developers, including browser vendors, is working together to create the best possible path for the Web.
Синтаксис языка в значительной степени совместим как с HTML 4, так и c XHTML 1. Похоже, что религиозные войны между сторонниками разных стандартов скоро станут неактуальными :)
[size=15pt]Новые элементы:[/size]
Очень много новых тегов. При чем, сделан огромный шаг в сторону семантики кода. Кроме того, что введены новые элементы, многим старым и редко используемым элементам (dt, dd, legend) придано новое значение.
[tt]section[/tt] - секция (раздел) документа. Может использоваться вместе с элементами h1-h6 для построения структуры документа
[tt]article[/tt] - независимый фрагмент содержимого документа
[tt]aside[/tt] - фрагмент содержимого, лишь незначительно связаный с остальным контентом
[tt]header[/tt] - заголовок секции
[tt]footer[/tt] - "подвал" (колонтитул), информация об авторе, copyright.
[tt]nav[/tt] - секция для навигации (меню)
[tt]dialog[/tt] - раздел для диалога (интервью, можно сказать). Внутри используются элементы, ранее служившие только для списка определений ([tt]dl[/tt]) - вопросы помещаются в [tt]dt[/tt], ответы - [tt]dd[/tt].
[tt]figure[/tt] - подписи для медиа-содержания (видео, картинки и т.п.). Т.е. медиа-элемент помещается в [tt]figure[/tt], туда же помещается подпись, заключенная в [tt]legend[/tt]
[tt]audio[/tt] и [tt]video[/tt] - да, да… время текстовых браузеров давно прошло :) Мультимедиа-теги включают пачку атрибутов ([tt]src[/tt], [tt]autoplay[/tt], [tt]start[/tt], [tt]loopstart[/tt], [tt]loopend[/tt], [tt]end[/tt], [tt]playcount[/tt], [tt]controls[/tt]) позволяющих контролировать их содержимое
[tt]embed[/tt] - а раньше использовать этот тег не рекомендовалось :) Предназначен, если кто не знает для внедрения объектов для различных плагинов браузера (Flash в частности)
[tt]m[/tt] - некая "отметка" в тексте, т.е. отмеченный или "подсвеченый" текст. Не совсем понятен смысл элемента и похоже не одному мне - в спецификации сказано что "данный раздел может быть изменён или удалён". Так что будем ждать…
[tt]meter[/tt] - обозначение каких-либо размеров. Интересен набор специальных атрибутов: [tt]value[/tt], [tt]min[/tt], [tt]low[/tt], [tt]high[/tt], [tt]max[/tt], [tt]optimum[/tt], без которых, кстати, использовать его не рекомендовано.
[tt]time[/tt] - дата и время. Вот такой пример использования:
<time datetime="2008-01-01">С новым годом!</time>[tt]canvas[/tt] - холст для рисования растровой графики. Пока описана (и приведён пример) создания двумерных изображений, но в будущих версиях спецификации планируется описание 3d-графики. Описаны DOM-интерфейсы, включающие методы для работы с различными геометрическими фигурами, цветами, стилями, прозрачностью, тенями, градиентами для 2d-контекста.
[tt]command[/tt] - некая "комманда". Может быть трех типов (атрибут [tt]type[/tt]): "[tt]command[/tt]", "[tt]checkbox[/tt]", or "[tt]radio[/tt]". Примеров в этом разделе документа пока нет, поэтому обойдусь без лишних предположений.
[tt]datagrid[/tt] - интерактивное, представление данных ввиде таблицы или дерева. За подробностями туда же.
[tt]details[/tt] - некая более подробная (детальная) информация, которая может быть предоставлена пользователю.
[tt]datalist[/tt] - комбобокс. Пример из документа:
<input list=browsers>
<datalist id=browsers>
<option value="Safari">
<option value="Internet Explorer">
<option value="Opera">
<option value="Firefox">
</datalist>[tt]datatemplate[/tt] - обозначает некий "шаблон данных". Контекст использования: корень XML-документа, мета-данные. Содержит элементы [tt]rule[/tt]
[tt]rule[/tt] и [tt]nest[/tt] - некие правила для шаблона данных [tt]datatemplate[/tt]
[tt]event-source[/tt] - перехват событий при работе с сервером
[tt]output[/tt] (WF2) - вспомогательный элемент формы, используемый для вывода. Подробнее...
[tt]progress[/tt] - прогресс-бар обозначающий состояние процесса загрузки данных.
Кроме того претерпели изменения элементы: [tt]a, address, b, hr, i, label, menu, small, strong.[/tt]
Убраны элементы (т.к. на дворе 21 век и CSS3 на носу): [tt]basefont, big, center, font, s, strike, tt, u.[/tt] Вообщем тех, кто придерживается XHTML это изменение не коснётся (в XHTML этих элементов давно нет).
Убраны элементы (т.к. всё равно никто толком не использует): [tt]acronym, applet, isindex, dir[/tt]. Вместо них предлогается использовать всё те же [tt]abbr, object, ul[/tt].
Не рекомендуются элементы: [tt]frameset, frame, noframe[/tt]. А вот [tt]iframe[/tt] - пожалуйста.
[size=15pt]Кодировки.[/size]
вместо длинной и надоевшей записи:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8">[size=15pt]Расширенные возможности для работы с формами[/size]
или Web Forms 2.0
Раздел описания форм в спецификации вообще пуст. Вместо него - лишь ссылки на WF2 (прототип HTML 5).
В частности, в числе нововведений - новые типы [tt]input[/tt] - [tt]datetime, datetime-local, date, month, week, time, number, range, email, url[/tt]. Не может не радовать, что вскоре уже не придётся писать тонны js-кода для проверки форм перед отправкой :)
[size=15pt]JS - Ну очень радостные нововведения[/size].
никакой революции. Просто многие вещи наконец-то вошли в стандарт.
[tt]getElementsByClassName()[/tt] - без комментриев (дождались наконец-то :)
[tt]innerHTML[/tt] - теперь стандарт
[tt]getSelection()[/tt] - теперь стандарт (возвращает объект выделения)
[tt]designMode[/tt] и [tt]execCommand()[/tt] - теперь стандарт (для WISYWYG-редактирования)
[size=12pt]Предупреждение[/size].
Это всего лишь очередной взгляд в светлое будущее, не более. Документ ещё сырой, и неизвестно когда выйдет окончательная версия. И уж тем более неизвестно, когда и насколько всё это счастье будет поддерживаться браузерами. Напомню, что возвращение к HTML (от XHTML) было объявляено W3C в марте прошлого года.
Так что как обычно - будем ждать…
Источники:
- http://www.w3.org/TR/2008/WD-html5-diff-20080122/
- http://www.w3.org/TR/2008/WD-html5-20080122/
- http://www.whatwg.org/specs/web-forms/current-work/
[size=12pt]Что ещё почитать:[/size]
- Новые элементы в HTML 5 (рус)
- Preview of HTML 5 (eng)
