Введение................................................13
Глава 1. Основная структура...................................23
Глава 2. Текст .............................................45
Глава 3. Формы............................................99
Глава 4 . Видео и аудио...................................... 127
Глава 5. Холст............................................ 161
Глава 6 .Хранение данных.................................... 187
Глава 7. Автономная работа..................................221
Глава 8 . Перетаскивание.....................................239
Глава 9. Геолокация........................................253
Глава 10. Сообщения и фоновые вычисления......................265
Глава 11. Работа в режиме реального времени.....................281
Глава 12. Заполнение: латаем старые браузеры и учим их понимать HTML 5 291
Введение................................................13
Для кого эта книга?............................................15
Чем не является эта книга.......................................15
Что мы имеем в виду под HTML5...................................16
Кто? Что? Когда? Почему? Краткая история HTML5.......................16
Как HTML5 чуть не канул в безвестность..........................16
Принципы, скрывающиеся за HTML5.............................19
Глава 1. Основная структура...................................23
<head>....................................................25
Использование новых структурных элементов HTML5....................29
Оформление HTML5-документа с помощью CSS........................33
Создание CSS для Internet Explorer 6, 7, 8.............................34
Другие проблемы устаревших браузеров .........................35
Когда используются новые структурные элементы HTML5 36
<header> ...............................................36
<nav>..................................................38
<footer>................................................41
<article>................................................42
В чем же суть?...............................................42
Заключение ................................................43
Глава 2. Текст .............................................45
Создание структуры основных областей контента.......................47
Кое-что интересное об элементах <header> и <footer> ................51
Добавление сообщений блога и комментариев ........................53
Работа со структурами HTML5....................................54
<nav>, <aside> и разделы без заголовка ..........................57
<hgroup>...............................................57
Структурированные корневые элементы 58
Создание стилей для заголовков в HTML5.........................59
Алгоритм определения структуры и доступность....................60
В чем различие между <article> и <section>? 61
Анализ www. guardian, co.uk...................................66
Что такое WAI-ARIA............................................72
ARIA-структура документа и роли...............................73
Как совмещать ARIA и HTML...................................74
Ресурсы ARIA 74
Еще больше новых структур!.....................................75
Микроданные............................................75
API DOM Microdata.........................................78
<aside>.................................................79
<bdi>..................................................79
<details>................................................81
<figure>................................................81
<mark>.................................................84
<ruby>, <rp>, <rt> .........................................84
<wbr> 85
Переопределенные элементы....................................85
<address> 85
<cite>..................................................86
<dl> 87
<em>, <i>...............................................87
<hr> 88
<ol> 88
<s> 88
<small> 89
<strong>, <b> 89
<u>...................................................90
Удаленные элементы .......................................90
Глобальные атрибуты..........................................90
accesskey 90
contenteditable ...........................................91
data-* (пользовательские атрибуты данных)........................91
draggable...............................................93
hidden.................................................93
id 93
itemscope, itemprop, itemtype, itemref, itemid .......................93
role, aria-* 93
spellcheck 94
tabindex (=-1)............................................94
Атрибуты, удаленные из спецификации..............................95
<table border=. . .>..........................................95
<table summary=...>........................................95
<img longdesc=...>.........................................96
Свойства, не рассматриваемые в этой книге...........................96
<embed> 96
<keygen>...............................................96
<menu>, <command> 97
<style scoped> 97
Заключение ................................................97
Глава 3. Формы............................................99
Мы * HTML, и теперь он тоже нас *...............................101
Новые типы ввода данных......................................101
Тип ввода данных email.....................................103
Тип ввода данных URL......................................103
Тип ввода данных date 103
Тип ввода данных time .....................................104
Тип ввода данных datetime ..................................104
Тип ввода данных month 104
Тип ввода данных week 105
Тип ввода данных number...................................105
Тип ввода данных range 106
Тип ввода данных search 106
Тип ввода данных tel 106
Тип ввода данных color 107
Новые атрибуты.............................................108
Атрибут list и <datalist>.....................................108
Атрибут autofocus 110
Атрибут placeholder 110
Атрибут required .........................................110
Атрибут multiple 110
Атрибут pattern 111
Атрибут autocomplete 112
Атрибуты min и max 112
Атрибут step 112
Атрибут form 113
Элементы <progress>, <meter>................................113
Как собрать все это вместе 114
Форма комментария блога ..................................114
Ползунок со скриптом для вывода 115
Обратная совместимость с устаревшими браузерами 117
Оформление новых полей формы и сообщений об ошибках 118
Переопределение умолчаний браузера 120
Использование JavaScript для DIY-валидации.........................122
Как инициировать валидацию элемента .........................122
Валидность элементов 123
Как избежать валидации.......................................123
Событие «всякий раз, когда что-то меняется»......................124
Заключение 126
Глава 4 . Видео и аудио...................................... 127
Родная мультимедиа: почему, что и как? ............................129
<video>: зачем нужен элемент <video>? ............................129
Для чего не подходит мультимедиа HTML5 130
Анатомия элементов video и audio 131
Автовоспроизведение (autoplay) ..............................132
Элементы управления (controls)...............................132
Изображение (poster) 134
Беззвучный режим (muted)..................................134
Высота, ширина (height, width) 134
Повтор (loop) 134
Предварительная загрузка (preload) 135
Источник (src) 135
Кодеки: ужас-ужас 136
Множественные элементы <source>...............................137
Видео для устаревших браузеров 139
Видеофайлы разных форматов и карманные устройства .................141
Пользовательские элементы управления............................142
Воспроизведение, пауза — и все это на одной кнопке...................144
Богатые событиями элементы медиа...............................145
Отслеживаем ход загрузки ..................................146
Когда медиафайл готов к воспроизведению..........................147
Гонка за воспроизведением видео 149
Обходные пути 149
Перемотка вперед, замедленное и обратное воспроизведение 152
Полноэкранное видео 153
Возможности управления мультимедиа 153
Синхронизация медиатреков 156
Видеоконференции, дополненная реальность.....................157
Заключение 159
Глава 5. Холст............................................ 161
Самое главное о холсте 165
Рисование с градиентами и узорами............................166
Рисование путей 169
Использование трансформеров: замаскированные пикселы ...........172
Захват изображений 173
Работа с отдельными пикселами 177
Запись в файл 180
Анимированные изображения на холсте 181
Сохранение и восстановление условий рисования 183
Визуализация текста 184
Достижимость в пределах элемента холста .......................185
Заключение 186
Глава 6 .Хранение данных.................................... 187
Варианты хранения 190
Веб-хранилище 191
15-секундный урок........................................192
События хранилища 198
Базы данных SQL для веб....................................202
IndexedDB..............................................211
Заключение 220
Глава 7. Автономная работа..................................221
Выдерните вилку из розетки: работаем автономно 223
Манифест кэша 224
Подробнее о разделах Network и Fallback ...........................227
Добавление содержимого в раздел FALLBACK......................227
Использование «белого списка»...............................228
Как правильно подавать манифест 229
Процессы между браузером и сервером 230
applicationCache 232
Советы по отладке 233
Определение наличия подключения с помощью манифеста 236
Очистка кэша 237
Заключение 238
Глава 8 . Перетаскивание.....................................239
Начинаем перетаскивать 241
Совместимость перетаскиваемых данных 245
Перетаскивание данных в другие приложения 245
Как перетаскивать любой элемент 247
Добавление пользовательского значка перетаскивания 248
Доступность 249
Заключение 251
Глава 9. Геолокация........................................253
Пришпильте посетителя к карте 255
Методы API................................................257
Ты попался: обработчик успешного исполнения 258
Вычисляем скорость 260
Адрес 404: обработчик ошибок 260
Настройка геолокации 262
Заключение 263
Глава 10. Сообщения и фоновые вычисления......................265
Крошечный чатик с помощью API Messaging .........................267
Отправка сообщений между доменами 267
А можно ли отправлять что-нибудь еще кроме строк? 269
Разбиение на потоки с помощью фоновых вычислений 269
Зачем использовать фоновое вычисление? 269
Резюме 280
Глава 11. Работа в режиме реального времени.....................281
Веб-сокеты: работа с потоковыми данными..........................283
Сокеты решают проблему задержек в приложениях реального времени . . . 284
API веб-сокетов прост......................................284
Больше, чем прослушивание сокета............................286
События, отправляемые сервером 287
Простой сервер EventSource.................................289
Поддержка реализации ....................................290
Заключение 290
Глава 12. Заполнение: латаем старые браузеры и учим их понимать HTML 5 291
Знакомство с заполнителями....................................293
Распознавание возможностей 294
Распознавание свойств 294
Распознавание новых функций 295
Распознавание любых объектов без помощи JavaScript...............296
Производительность распознавания возможностей и заполнения 296
Что распознать невозможно 297
Где найти заполнители........................................298
Рабочий пример с использованием Modernizr........................298
Резюме 300
И напоследок 300
