[Искра]

Погружение в HTML5


Год: 2011
Автор: Пилгрим М.
Переводчик: Кокорева О.
Жанр: Интернет, Программирование, Руководства
Издательство: БХВ-Петербург
ISBN: 978-5-9775-0688-5
Язык: Русский
Формат: PDF
Качество: Изначально компьютерное (eBook)
Интерактивное оглавление: Да
Количество страниц: 304
Описание: Подробное руководство по всем новшествам стандарта HTML5. Показано, как использовать в Web-разработках новые функциональные возможности, открывающиеся при применении HTML5. Представлено множество простых и понятных практических примеров, позволяющих использовать разметку HTML5 для добавления графики, аудио, видео, автономных возможностей и много другого.

Благодарности ............................................................................................................................... 1
Введение ......................................................................................................................................... 3
Пять фактов, которые необходимо знать о HTML5 .................................................................... 3
Соглашения, используемые в данной книге ................................................................................. 7
Использование примеров кода....................................................................................................... 8
Safari Books Online ........................................................................................................................ 8
Как связаться с издательством O''Reilly......................................................................................... 9
Замечания об изданиях этой книги................................................................................................ 9
Глава 1. Как мы пришли туда, где находимся? .................................................................... 11
Типы MIME ................................................................................................................................... 11
Длинный экскурс в историю разработки стандартов................................................................. 12
Непрерывная линия ...................................................................................................................... 20
Шкала развития HTML с 1997 по 2004 год ................................................................................ 23
Все, что вы знаете о XHTML — неправильно ........................................................................... 24
Конкурирующий взгляд на будущее ........................................................................................... 26
Рабочая группа WHAT ................................................................................................................. 28
Возврат к W3C .............................................................................................................................. 30
Эпилог............................................................................................................................................ 31
Рекомендованные материалы для дополнительного чтения ..................................................... 31
Глава 2. Определение поддержки функций HTML5 ............................................................ 33
Методика выявления поддержки функций HTML5 ................................................................... 33
Modernizr — библиотека выявления поддержки HTML5 ......................................................... 34
Элемент Canvas ............................................................................................................................. 35
Canvas Text .................................................................................................................................... 37
Видео.............................................................................................................................................. 38
Форматы видео.............................................................................................................................. 40
Локальное хранилище .................................................................................................................. 43
Web Workers .................................................................................................................................. 45
Автономные Web-приложения .................................................................................................... 46
Географическое местоположение (Geolocation) ......................................................................... 47
Типы ввода .................................................................................................................................... 48
Текстовые заполнители (Placeholder Text) ................................................................................. 50
Автофокус формы ......................................................................................................................... 51
Микроданные (Microdata) ............................................................................................................ 53
History API ..................................................................................................................................... 54
Материалы, рекомендуемые для дальнейшего чтения .............................................................. 55
Глава 3. Что все это означает? ................................................................................................. 57
Объявление типа документа (Doctype)........................................................................................ 57
Элемент Root ................................................................................................................................. 59
Элемент <head>............................................................................................................................. 61
Кодировка символов ..................................................................................................................... 62
Ссылочные отношения ................................................................................................................. 64
rel = stylesheet ............................................................................................................................ 65
rel = alternate .............................................................................................................................. 65
Другие ссылочные отношения в HTML5................................................................................ 66
Новые семантические элементы HTML5.................................................................................... 69
Отступление, описывающее, как браузеры обрабатывают неизвестные элементы ................ 71
Заголовки ....................................................................................................................................... 76
Статьи (Articles) ............................................................................................................................ 80
Даты и времена ............................................................................................................................. 83
Навигация ...................................................................................................................................... 85
Нижние колонтитулы (Footers) .................................................................................................... 87
Материалы для дополнительного чтения ................................................................................... 90
Глава 4. Давайте назовем это "холстом" (поверхностью для рисования) ...................... 93
Холст с рамкой.............................................................................................................................. 94
Простейшие геометрические фигуры ......................................................................................... 94
Координатная система элемента <canvas> ................................................................................. 96
Вычерчивание линий .................................................................................................................... 97
Работа с текстом.......................................................................................................................... 102
Градиенты.................................................................................................................................... 106
Изображения ............................................................................................................................... 109
Как быть с IE? ............................................................................................................................. 113
"Живой" пример.......................................................................................................................... 115
Дополнительное чтение.............................................................................................................. 120
Глава 5. Видео в Web ............................................................................................................... 121
Видеоконтейнеры........................................................................................................................ 122
Видеокодеки ................................................................................................................................ 123
H.264 ........................................................................................................................................ 124
Theora ....................................................................................................................................... 125
VP8 ........................................................................................................................................... 126
Аудиокодеки................................................................................................................................ 126
MPEG-1 Audio Layer 3............................................................................................................ 128
Advanced Audio Coding........................................................................................................... 129
Vorbis ....................................................................................................................................... 130
Что работает в Web..................................................................................................................... 130
Вопросы лицензирования для видео H.264 .............................................................................. 133
Кодирование видео с помощью конвертера Miro .................................................................... 134
Кодирование видео Ogg с помощью Firefogg........................................................................... 138
Пакетное кодирование видео Ogg Video с помощью ffmpeg2theora ...................................... 145
Кодирование видео H.264 Video с помощью HandBrake ........................................................ 146
Пакетное кодирование видео H.264 с помощью HandBrake ................................................... 153
Кодирование видео WebM с помощью ffmpeg......................................................................... 154
Наконец, перейдем к разметке................................................................................................... 156
Типы MIME проявляют свой скверный "характер" ................................................................. 160
Как обстоят дела с IE? ................................................................................................................ 161
Вопросы, касающиеся устройств iPhone и iPad ....................................................................... 162
Проблемы с устройствами Android ........................................................................................... 162
Полноценный, "живой" пример ................................................................................................. 163
Рекомендуемые материалы для дальнейшего чтения .............................................................. 164
Глава 6. Вы находитесь здесь (как и все остальные)......................................................... 165
API геопозиционирования (Geolocation API) ........................................................................... 165
Продемонстрируйте мне код...................................................................................................... 166
Обработка ошибок ...................................................................................................................... 169
Выбор! Мне нужна возможность выбора! ................................................................................ 170
Как обстоят дела с IE? ................................................................................................................ 173
На помощь приходит скрипт geo.js! .......................................................................................... 173
Полноценный "живой" пример .................................................................................................. 176
Материалы, рекомендуемые для дальнейшего чтения ............................................................ 177
Глава 7. Прошлое, настоящее и будущее Web-приложений для хранения данных..... 179
Краткая история локального хранения данных до появления HTML5 .................................. 180
Введение в хранилище данных HTML5.................................................................................... 181
Использование хранилища HTML5........................................................................................... 183
Отслеживание изменений в области хранения данных HTML5 ............................................. 184
Ограничения в текущих версиях браузеров.............................................................................. 186
Хранилище HTML5 в действии ................................................................................................. 186
За пределами именованных пар "ключ-значение": Конкурирующие воззрения ................... 188
Материалы для дополнительного изучения.............................................................................. 191
Глава 8. Давайте возьмем все это в автономный режим .................................................. 193
Манифест кэша ........................................................................................................................... 194
Сетевые разделы файла манифеста ....................................................................................... 195
Резервные разделы файла манифеста.................................................................................... 196
Поток событий ............................................................................................................................ 198
Искусство отладки, или "Убейте меня! Сейчас же!" ............................................................... 199
Давайте создадим автономное приложение! ............................................................................ 202
Материалы для дальнейшего чтения......................................................................................... 204
Глава 9. Форма безумия .......................................................................................................... 205
Замещающий текст ..................................................................................................................... 205
Поля автофокуса ......................................................................................................................... 206
Как передать фокус по возможности раньше ....................................................................... 208
Адреса электронной почты ........................................................................................................ 211
Web-адреса .................................................................................................................................. 213
Числа как счетчики с элементами прокрутки ........................................................................... 214
Ввод чисел с помощью ползунковых регуляторов .................................................................. 216
Элементы выбора даты............................................................................................................... 217
Поля поиска ................................................................................................................................. 220
Элементы выбора цвета.............................................................................................................. 221
Валидизация формы ................................................................................................................... 222
Обязательные поля.................................................................................................................. 224
Рекомендации по дальнейшему чтению ................................................................................... 225
Глава 10. "Распределенные", "Расширяемость" и другие необычные слова .............. 227
Что такое микроданные? ............................................................................................................ 228
Модель данных "микроданные" ................................................................................................ 229
Разметка личных данных............................................................................................................ 233
Введение в Google Rich Snippets................................................................................................ 241
Разметка данных об организациях ............................................................................................ 243
Разметка событий........................................................................................................................ 249
Возвращаемся к Google Rich Snippets ....................................................................................... 256
Разметка рецензий, обзоров и отзывов ..................................................................................... 258
Рекомендации по дальнейшему чтению ................................................................................... 262
Глава 11. Манипулирование историей — сочетаем приятное с полезным ................... 265
"Почему" ...................................................................................................................................... 265
"Как"............................................................................................................................................. 267
Материалы, рекомендуемые для дальнейшего чтения ............................................................ 272
ПРИЛОЖЕНИЯ ........................................................................................................................ 273
Приложение 1. Алфавитный справочник по выявлению поддержки
всех функций HTML5 .................................................................................. 275
Алфавитный список всех элементов ......................................................................................... 275
Материалы для дальнейшего чтения......................................................................................... 282
Приложение 2. Краткая "шпаргалка" HTML5 .................................................................. 283
Новые элементы.......................................................................................................................... 283
Формы.......................................................................................................................................... 284
Мультимедиа ............................................................................................................................... 285
Автономные приложения ........................................................................................................... 287
Геопозиционирование ................................................................................................................ 288
Canvas ........................................................................................................................................... 289
Полезные мелочи ........................................................................................................................ 291
Предметный указатель ............................................................................................................293