HTML 5

История разработки Спецификация

28 октября 2914 – спецификация W3C

создание интерактивных сайтов и веб-приложений

взаимодействие с формами

работа с различными программными интерфейсами

внедрение в страницы мультимедиа-контента

структурирование документов

и т.д.

Особенность - наличие тех средств, которые могут быть доступны только посредством создания сценариев.

Поддержка ПА http://caniuse.com/

Новые функциональные возможности HTML5

Применение новых элементов

iem

b strong small

Рисование с помощью элемента canvas

o Рисование на полотне прямых, кривых линий, окружностей, дуг, прямоугольников, сложных фигур

oЗаполнение фигур цветом

oДинамическая графика

oАнимация

Перетаскивание – атрибут элементов HTML5 позволяет организовать перетаскивание элементов

Получение данных с помощью новых ЭУ формами. Новые ЭУ:

oСелектор цвета;

oПоля ввода адреса электронной почты, даты, времени, номера телефона ит.д.

Редактирование страниц;

Обмен сообщениями между документами;

Поддержка аудиовизуальной информации.

Использование возможности сохранять содержимое web-страницы

HTML4.01 – при повторном открытии страницы со сценарием JS устанавливались исходные значения всех переменных в коде

HTML5 – существует возможность сохранять данные как в ПА, так и на сервере в текущем сеансе между ПА и сервером

Элементы для определения структуры

header – вводный или навигационный материал

footer – нижний колонтитул для последнего элемента секции

nav - навигационные ссылки

section – раздел из основного текста, например, параграф (часть <article>)

article – разметка «независимой» части документа (выделения новостей, сообщений на форуме, постов или комментариев на блоге и т.д)

aside – отступления от основного текста (врезки), например, для определения дополнительных колонок с второстепенным текстом

figure, figcaption– надпись связывается с рисунком

m (mark) – помеченный текст в документе

time - метка даты

meter - шкала

progress – полоска для отображения хода выполнения процесса

Элемент <datalist> и атрибут list

Объединение элемента ввода со списком вариантов

<input type="text" list="mydata" … > <datalist id="mydata">

<option label="Mr" value="Mister">