........................................................................................................ 28 <link>......................................................................................................... 29 Структура тела документа............................................................. 30 Макет страницы.......................................................................................... 31 <header>.................................................................................................... 34 <nav>......................................................................................................... 36 <section>.................................................................................................... 38 <aside>...................................................................................................... 39 <footer>..................................................................................................... 41 Строение тела документа.............................................................. 42 <article>..................................................................................................... 43 <hgroup>................................................................................................... 47 <figure> и <figcaption>............................................................................... 50 Новые и старые элементы............................................................. 52 <mark>...................................................................................................... 52 <small>...................................................................................................... 53 <cite>......................................................................................................... 54 <address>................................................................................................... 54 <time>....................................................................................................... 54 Краткий справочник. Документы HTML5........................................ 55 Оглавление . Стили CSS и блочные модели............................................58 CSS и HTML................................................................................... 58 Стили и структура......................................................................... 59 Блочные элементы...................................................................................... 60 Блочные модели......................................................................................... 61 Основы применения стилей.......................................................... 62 Строчные стили.......................................................................................... 63 Встроенные стили....................................................................................... 63 Внешние файлы.......................................................................................... 64 Ссылки....................................................................................................... 65 Ссылка по ключевому слову....................................................................... 66 Ссылка по атрибуту id................................................................................. 67 Ссылка по атрибуту class............................................................................ 68 Ссылка по любому атрибуту....................................................................... 69 Определение ссылок по псевдоклассам...................................................... 70 Новые селекторы........................................................................................ 75 Применение таблиц стилей CSS к шаблону................................... 76 Традиционная блочная модель..................................................... 77 Шаблон...................................................................................................... 78 Универсальный селектор *......................................................................... 81 Новая иерархия заголовков........................................................................ 82 Объявление новых элементов HTML5.......................................................... 83 Выравнивание тела документа по центру................................................... 83 Создание главного блока............................................................................ 84 Заголовок................................................................................................... 85 Навигационная полоса................................................................................ 86 Раздел и боковая врезка............................................................................. 88 Нижний колонтитул.................................................................................... 90 Последние штрихи...................................................................................... 92 Свойство box-sizing..................................................................................... 93 Гибкая блочная модель................................................................. 95 Принципы работы гибкой блочной модели.................................. 106 Свойство display........................................................................................ 107 Свойство box-orient................................................................................... 108 Свойство box-direction............................................................................... 108 Свойство box-ordinal-group........................................................................ 109 Свойство box-pack.................................................................................... 112 Свойство box-flex...................................................................................... 113 Свойство box-align.................................................................................... 118 Краткий справочник. Стили CSS и блочные модели..................... 120 8 Оглавление Гибкая блочная модель............................................................................ 120 Псевдоклассы и селекторы....................................................................... 122 . Свойства CSS3...................................................................124 Новые правила........................................................................... 124 CSS3 сходит с ума..................................................................................... 125 Шаблон.................................................................................................... 125 Свойство border-radius.............................................................................. 127 Свойство box-shadow................................................................................ 130 Свойство text-shadow................................................................................ 133 Свойство @font-face.................................................................................. 134 Линейный градиент.................................................................................. 136 Радиальный градиент............................................................................... 138 RGBA........................................................................................................ 138 HSLA......................................................................................................... 139 Свойство outline........................................................................................ 140 Свойство border-image.............................................................................. 141 Свойства transform и transition.................................................................. 143 Функция transform: scale........................................................................... 144 Функция transform: rotate.......................................................................... 145 Функция transform: skew........................................................................... 146 Функция transform: translate...................................................................... 147 Одновременное использование всех видов трансформации...................... 147 Динамические трансформации................................................................. 148 Переходы................................................................................................. 149 Краткий справочник. Свойства CSS3........................................... 151 . JavaScript..........................................................................154 Значение JavaScript..................................................................... 154 Внедрение JavaScript................................................................... 155 Строчные сценарии.................................................................................. 156 Встроенный код........................................................................................ 157 Внешний файл.......................................................................................... 160 Новые селекторы........................................................................ 161 Метод querySelector()................................................................................ 161 Метод querySelectorAll()............................................................................ 162 Обработчики событий................................................................. 164 Строчные обработчики событий................................................................ 165 Обработчики событий как свойства.......................................................... 165 Метод addEventListener()........................................................................... 165 API-интерфейсы.......................................................................... 167 Оглавление API Canvas (Холст).................................................................................... 168 API Drag and Drop (Перетаскивание)......................................................... 168 API Geolocation (Геолокация).................................................................... 168 API хранения............................................................................................ 169 Файловые API........................................................................................... 170 Коммуникационные API............................................................................ 170 API Web Workers (Рабочие процессы)........................................................ 171 API History (История)................................................................................ 171 API Offline (Автономная работа)................................................................ 172 Внешние библиотеки.................................................................. 172 jQuery....................................................................................................... 173 Google Maps.............................................................................................. 173 Краткий справочник. JavaScript................................................... 174 Элементы................................................................................................. 174 Селекторы................................................................................................ 174 События.................................................................................................... 174 API............................................................................................................ 175 . Видео и аудио...................................................................177 Воспроизведение видео с помощью HTML5................................. 177 Элемент <video>........................................................................ 178 Атрибуты элемента <video>..................................................................... 180 Программирование видеопроигрывателя.................................... 181 Дизайн..................................................................................................... 181 Код........................................................................................................... 184 События.................................................................................................... 184 Методы..................................................................................................... 186 Свойства................................................................................................... 187 Выполнение кода...................................................................................... 188 Форматы видео........................................................................... 192 Воспроизведение аудио с помощью HTML5................................. 193 Элемент <audio>...................................................................................... 193 Программирование аудиопроигрывателя.................................................. 195 Краткий справочник. Видео и аудио............................................ 196 Элементы................................................................................................. 196 Атрибуты.................................................................................................. 197 Атрибуты элемента <video>..................................................................... 197 События.................................................................................................... 198 Методы..................................................................................................... 198 Свойства................................................................................................... 198 10 Оглавление . Формы и API Forms...........................................................200 Веб-формы HTML........................................................................ 200 Элемент <form>....................................................................................... 200 Элемент <input>....................................................................................... 202 Тип email.................................................................................................. 202 Тип search................................................................................................ 203 Тип URL.................................................................................................... 203 Тип tel...................................................................................................... 203 Тип number............................................................................................... 204 Тип range.................................................................................................. 204 Тип date................................................................................................... 205 Тип week.................................................................................................. 206 Тип month................................................................................................. 206 Тип time.................................................................................................... 206 Тип datetime............................................................................................. 206 Тип datetime-local..................................................................................... 207 Тип color................................................................................................... 207 Новые атрибуты.......................................................................... 207 Атрибут placeholder................................................................................... 208 Атрибут required....................................................................................... 208 Атрибут multiple........................................................................................ 208 Атрибут autofocus..................................................................................... 209 Атрибут pattern......................................................................................... 209 Атрибут form............................................................................................. 210 Новые элементы форм................................................................ 211 Элемент <datalist>................................................................................... 211 Элемент <progress>................................................................................. 211 Элемент <meter>..................................................................................... 212 Элемент <output>.................................................................................... 212 API-интерфейс Forms (Формы).................................................... 212 Метод setCustomValidity().......................................................................... 213 Событие invalid......................................................................................... 215 Валидация в режиме реального времени.................................................. 218 Ограничения валидности.......................................................................... 221 Атрибут willValidate................................................................................... 222 Краткий справочник. Формы и API Forms.................................... 223 Типы......................................................................................................... 223 Атрибуты.................................................................................................. 224 Элементы................................................................................................. 225 Методы..................................................................................................... 225 События.................................................................................................... 226 Статусы.................................................................................................... 226</article></body></html>

-02-018.1 Г74 Г74 Гоше Х. Д. HTML5. Для профессионалов. — СПб.: Питер, 2013. — 496 с.: ил. Мы стоим на пороге революции в веб-разработке и программировании для мобильных устройств, и в основе всех этих изменений лежит формат HTML5. Эта книга поможет вам получить необходимые знания об этом стандарте и освоить сложные темы, включенные в спецификации HTML5. Вы узнаете, как организовать ваши документы с HTML5, как оформлять их стилями с помощью CSS3 и как работать с самыми продвинутыми JavaScript API. Данное издание не является введением в HTML5, а представляет собой полноценный учебный курс, который научит вас создавать с помощью HTML5 современные сайты и веб-приложения. Каждая глава посвящена определенной ключевой теме HTML5, также рассмотрены сложные вопросы HTML5, CSS3 и JavaScript. Книга содержит множество примеров программного кода, благодаря чему вы сможете легко усвоить и применить знания по каждому тегу, стилю и функции, включенным в спецификации HTML5. -02-018.1 Все права защищены. не может быть воспроизведена в какой бы то ни было форме владельцев авторских прав. Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством как надежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, издательство не может гарантировать абсолютную точность и полноту приводимых сведений и не несет ответственности за возможные ошибки, связанные с использованием книги. этой книги получены по соглашению с MARCOMBO, S.A. of Gran Via Corts Catalanes 594, 08007, Barcelona, Spain. This edition of EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT (Spanish version) and HTML5 FOR MASTERMINDS (English version) by J.D. Gauchat is 08007, Barcelona, Spain. англ. © 2011 by Juan Diego Gauchat © Перевод на русский язык ООО Издательство «Питер», 2013 © Издание на русском языке, оформление ООО Издательство «Питер», 2013 Краткое оглавление Введение . ..............................................................................................17 . Документы HTML5....................................................................21 . Стили CSS и блочные модели...................................................58 . Свойства CSS3........................................................................ 124 . JavaScript................................................................................ 154 . Видео и аудио......................................................................... 177 . Формы и API Forms................................................................. 200 . API холста.............................................................................. 228 . API перетаскивания................................................................ 272 . API геолокации....................................................................... 289 . API веб-хранилища............................................................... 302 . API индексированных баз данных......................................... 317 . Файловый API....................................................................... 347 . Коммуникационный API........................................................ 396 . API рабочих процессов......................................................... 435 . API истории.......................................................................... 453 . API автономной работы........................................................ 467 Заключение........................................................................................... 487 Оглавление Введение...........................................................................................17 . Документы HTML5..............................................................21 Базовые компоненты..................................................................... 21 Общая структура........................................................................... 22 Тип документа............................................................................................ 23 ....................................................................................................... 23 ....................................................................................................... 24 ....................................................................................................... 25 ...................................................................................................... 26 ........................................................................................................ 28 <link>......................................................................................................... 29 Структура тела документа............................................................. 30 Макет страницы.......................................................................................... 31 <header>.................................................................................................... 34 <nav>......................................................................................................... 36 <section>.................................................................................................... 38 <aside>...................................................................................................... 39 <footer>..................................................................................................... 41 Строение тела документа.............................................................. 42 <article>..................................................................................................... 43 <hgroup>................................................................................................... 47 <figure> и <figcaption>............................................................................... 50 Новые и старые элементы............................................................. 52 <mark>...................................................................................................... 52 <small>...................................................................................................... 53 <cite>......................................................................................................... 54 <address>................................................................................................... 54 <time>....................................................................................................... 54 Краткий справочник. Документы HTML5........................................ 55 Оглавление . Стили CSS и блочные модели............................................58 CSS и HTML................................................................................... 58 Стили и структура......................................................................... 59 Блочные элементы...................................................................................... 60 Блочные модели......................................................................................... 61 Основы применения стилей.......................................................... 62 Строчные стили.......................................................................................... 63 Встроенные стили....................................................................................... 63 Внешние файлы.......................................................................................... 64 Ссылки....................................................................................................... 65 Ссылка по ключевому слову....................................................................... 66 Ссылка по атрибуту id................................................................................. 67 Ссылка по атрибуту class............................................................................ 68 Ссылка по любому атрибуту....................................................................... 69 Определение ссылок по псевдоклассам...................................................... 70 Новые селекторы........................................................................................ 75 Применение таблиц стилей CSS к шаблону................................... 76 Традиционная блочная модель..................................................... 77 Шаблон...................................................................................................... 78 Универсальный селектор *......................................................................... 81 Новая иерархия заголовков........................................................................ 82 Объявление новых элементов HTML5.......................................................... 83 Выравнивание тела документа по центру................................................... 83 Создание главного блока............................................................................ 84 Заголовок................................................................................................... 85 Навигационная полоса................................................................................ 86 Раздел и боковая врезка............................................................................. 88 Нижний колонтитул.................................................................................... 90 Последние штрихи...................................................................................... 92 Свойство box-sizing..................................................................................... 93 Гибкая блочная модель................................................................. 95 Принципы работы гибкой блочной модели.................................. 106 Свойство display........................................................................................ 107 Свойство box-orient................................................................................... 108 Свойство box-direction............................................................................... 108 Свойство box-ordinal-group........................................................................ 109 Свойство box-pack.................................................................................... 112 Свойство box-flex...................................................................................... 113 Свойство box-align.................................................................................... 118 Краткий справочник. Стили CSS и блочные модели..................... 120 8 Оглавление Гибкая блочная модель............................................................................ 120 Псевдоклассы и селекторы....................................................................... 122 . Свойства CSS3...................................................................124 Новые правила........................................................................... 124 CSS3 сходит с ума..................................................................................... 125 Шаблон.................................................................................................... 125 Свойство border-radius.............................................................................. 127 Свойство box-shadow................................................................................ 130 Свойство text-shadow................................................................................ 133 Свойство @font-face.................................................................................. 134 Линейный градиент.................................................................................. 136 Радиальный градиент............................................................................... 138 RGBA........................................................................................................ 138 HSLA......................................................................................................... 139 Свойство outline........................................................................................ 140 Свойство border-image.............................................................................. 141 Свойства transform и transition.................................................................. 143 Функция transform: scale........................................................................... 144 Функция transform: rotate.......................................................................... 145 Функция transform: skew........................................................................... 146 Функция transform: translate...................................................................... 147 Одновременное использование всех видов трансформации...................... 147 Динамические трансформации................................................................. 148 Переходы................................................................................................. 149 Краткий справочник. Свойства CSS3........................................... 151 . JavaScript..........................................................................154 Значение JavaScript..................................................................... 154 Внедрение JavaScript................................................................... 155 Строчные сценарии.................................................................................. 156 Встроенный код........................................................................................ 157 Внешний файл.......................................................................................... 160 Новые селекторы........................................................................ 161 Метод querySelector()................................................................................ 161 Метод querySelectorAll()............................................................................ 162 Обработчики событий................................................................. 164 Строчные обработчики событий................................................................ 165 Обработчики событий как свойства.......................................................... 165 Метод addEventListener()........................................................................... 165 API-интерфейсы.......................................................................... 167 Оглавление API Canvas (Холст).................................................................................... 168 API Drag and Drop (Перетаскивание)......................................................... 168 API Geolocation (Геолокация).................................................................... 168 API хранения............................................................................................ 169 Файловые API........................................................................................... 170 Коммуникационные API............................................................................ 170 API Web Workers (Рабочие процессы)........................................................ 171 API History (История)................................................................................ 171 API Offline (Автономная работа)................................................................ 172 Внешние библиотеки.................................................................. 172 jQuery....................................................................................................... 173 Google Maps.............................................................................................. 173 Краткий справочник. JavaScript................................................... 174 Элементы................................................................................................. 174 Селекторы................................................................................................ 174 События.................................................................................................... 174 API............................................................................................................ 175 . Видео и аудио...................................................................177 Воспроизведение видео с помощью HTML5................................. 177 Элемент <video>........................................................................ 178 Атрибуты элемента <video>..................................................................... 180 Программирование видеопроигрывателя.................................... 181 Дизайн..................................................................................................... 181 Код........................................................................................................... 184 События.................................................................................................... 184 Методы..................................................................................................... 186 Свойства................................................................................................... 187 Выполнение кода...................................................................................... 188 Форматы видео........................................................................... 192 Воспроизведение аудио с помощью HTML5................................. 193 Элемент <audio>...................................................................................... 193 Программирование аудиопроигрывателя.................................................. 195 Краткий справочник. Видео и аудио............................................ 196 Элементы................................................................................................. 196 Атрибуты.................................................................................................. 197 Атрибуты элемента <video>..................................................................... 197 События.................................................................................................... 198 Методы..................................................................................................... 198 Свойства................................................................................................... 198 10 Оглавление . Формы и API Forms...........................................................200 Веб-формы HTML........................................................................ 200 Элемент <form>....................................................................................... 200 Элемент <input>....................................................................................... 202 Тип email.................................................................................................. 202 Тип search................................................................................................ 203 Тип URL.................................................................................................... 203 Тип tel...................................................................................................... 203 Тип number............................................................................................... 204 Тип range.................................................................................................. 204 Тип date................................................................................................... 205 Тип week.................................................................................................. 206 Тип month................................................................................................. 206 Тип time.................................................................................................... 206 Тип datetime............................................................................................. 206 Тип datetime-local..................................................................................... 207 Тип color................................................................................................... 207 Новые атрибуты.......................................................................... 207 Атрибут placeholder................................................................................... 208 Атрибут required....................................................................................... 208 Атрибут multiple........................................................................................ 208 Атрибут autofocus..................................................................................... 209 Атрибут pattern......................................................................................... 209 Атрибут form............................................................................................. 210 Новые элементы форм................................................................ 211 Элемент <datalist>................................................................................... 211 Элемент <progress>................................................................................. 211 Элемент <meter>..................................................................................... 212 Элемент <output>.................................................................................... 212 API-интерфейс Forms (Формы).................................................... 212 Метод setCustomValidity().......................................................................... 213 Событие invalid......................................................................................... 215 Валидация в режиме реального времени.................................................. 218 Ограничения валидности.......................................................................... 221 Атрибут willValidate................................................................................... 222 Краткий справочник. Формы и API Forms.................................... 223 Типы......................................................................................................... 223 Атрибуты.................................................................................................. 224 Элементы................................................................................................. 225 Методы..................................................................................................... 225 События.................................................................................................... 226 Статусы.................................................................................................... 226</article></body></html>