«Изучаем HTML5. Библиотека специалиста». Книга на рецензию: ru_programming — LiveJournal
?- Литература
- Cancel
Меня зовут Инна, я являюсь представителем Издательского дома «Питер».
В январе этого года у нас вышла книга «Изучаем HTML5. Библиотека специалиста» Лоусон Б., Шарп Р. (оригинал — «Introducing HTML5» Bruce Lawson, Remy Sharp). Скажите, пожалуйста, интересно ли вам отрецензировать данную книгу?
О книге:
1 издание, 2011 год, 272 стр., 17х23 см (70х100/16), Мягкий переплет, ISBN 978-5-459-00269-0
Эта книга посвящена изучению нового стандарта веб-программирования HTML5 и использованию новых функциональных возможностей, предоставляемых веб-разработчикам.
Авторы не заставляют вас читать избыточно подробные спецификации языка, а учат применять HTML5 на конкретных примерах. С помощью этой книги вы узнаете, каковы новые семантики и структуры HTML5, как использовать мультимедийные элементы HTML5 для размещения аудио- и видеоданных, как разрабатывать «умные» веб-формы и усовершенствовать приложения, использующие географическую привязку, с помощью API геолокации. Книга адресована веб-разработчикам, знакомым с HTML или XHTML и желающим быстро освоить новые возможности языка HTML5.
Страница книги на сайте издательства (оглавление и отрывок в PDF)
Мы готовы предоставить 3 бумажных экземпляра книги (курьером по Москве и Санкт-Петербургу, почтой в другие города. И книга, и доставка — все бесплатно.
Рецензия должна быть честная, аргументированная критика приветствуется!
Если вас это заинтересовало — напишите о готовности в комментарии, а мне в личку — адрес для доставки и ФИО получателя.
Спасибо за внимание!
UPD: все 3 экземляра разобрали. В будущем будут еще книги, если сотрудничество всем понравится 🙂
Subscribe
Потрошим Яндекс вместе
Как известно, не так давно из Яндекса украли репозиторий. Его можно найти на торрентах, я вот похлопотал. А кто-нибудь пробовал разобраться в этой…
Проблема с КриптоПро и GOST
Из java кода не удается становить рукопожатие со страницей. При этом из браузеров Яндекс и Хромиум Гост, та же страница открывается без проблем.…
посоветуйте алгоритмы
посоветуйте место, где можно подсмотреть алгоритмы преобразования картинок.
есть картинка снятая камерой. в идеале, все строки в картинке должны быть…
есть картинка снятая камерой. в идеале, все строки в картинке должны быть…Photo
Hint http://pics.livejournal.com/igrick/pic/000r1edq
Потрошим Яндекс вместе
Как известно, не так давно из Яндекса украли репозиторий. Его можно найти на торрентах, я вот похлопотал. А кто-нибудь пробовал разобраться в этой…
Проблема с КриптоПро и GOST
Из java кода не удается становить рукопожатие со страницей. При этом из браузеров Яндекс и Хромиум Гост, та же страница открывается без проблем.…
посоветуйте алгоритмы
посоветуйте место, где можно подсмотреть алгоритмы преобразования картинок. есть картинка снятая камерой. в идеале, все строки в картинке должны быть…
Изучаем программирование на html5 питер 978-5-459-00952-1
АкцииЧто подаритьБрендыМагазиныБлогНовости
Покупцю
Доставка и оплата
Гарантія і повернення
Контакты
УкрРус
- Книги и канцтовары
- Книги
- Изучаем программирование на HTML5 Питер 978-5-459-00952-1
Код товара: 252581531
Поделиться
Характеристики Смотреть все
Бренд:
Питер
Отзывы Изучаем программирование на HTML5 Питер 978-5-459-00952-1
Характеристики Изучаем программирование на HTML5 Питер 978-5-459-00952-1
Бренд:
Питер
Категория:
Книги
К-во страниц:
592
ISBN:
978-5-459-00952-1
Описание Изучаем программирование на HTML5 Питер 978-5-459-00952-1
Хотите создавать динамичные, интерактивные, насыщенные данными веб-страницы? Почему бы не использовать HTML5 для создания полнофункциональных веб-приложений? И почему бы не делать это с помощью современных методик, которые так же легко применимы к вашему настольному браузеру, как и к мобильным устройствам? Вам, конечно же, захочется использовать такие новейшие HTML5-технологии, как API-интерфейс Geolocation, элемент video, 2D-рисование, API-интерфейсы Web Storage и Web Workers и т.
д. Не так ли? С помощью данной книги вы научитесь создавать веб-приложения с использованием современных стандартов и передовых методик завтрашнего дня. Вы изучите основы новых API-интерфейсов HTML5 и узнаете, как они взаимодействуют со страницами и приводятся в движение JavaScript-кодом, а также как использовать их для создания веб-приложений, которые впечатлят ваше начальство и изумят друзей.Другие товары из категории Книги
Тепер! Лови мить — це твоє все МонолитBizz 978-966-2236-03-3
320 грн
Эссенциализм. Путь к простоте Манн, Иванов и Фербер 978-5-00057-347-1 МИФ
320 грн
Чудовий ранок. Як не проспати життя Наш Формат 978-617-7513-22-2
1 отзыв
320 грн
ПОДОРОЖНИК з новими віршами А-ба-ба-га-ла-ма-га 978-617-585-051-0
320 грн
Бізнесмагі. Як стати справжнім чарівником МонолитBizz 978-966-2236-05-7
320 грн
Мій перший віммельбух.
Аеропорт ArtBooks 978-617-7395-84-2
1 отзыв
320 грн
Гонитва за Розквітом. Максимізуйте успіх компанії за методологією Адізеса МонолитBizz 978-617-577-152-5
320 грн
Человек в поисках смысла Биг-Пресс 978-966-7433-26-0 Большой-Пресс
320 грнЯк придумати ідею, якщо ви не Оґілві МонолитBizz 987-617-577-172-3 978-617-577-172-3
320 грн
Ребекка Азбука 978-5-389-10908-7
320 грн
Сторітелінг для очей, вух і серця Наш Формат 978-617-7866-01-4
320 грн
Дневник мегавоина. Хиробрин наступает. Книга 3 Бомбора 978-5-04-097077-3 Інком-Бізнес
320 грн
Революция Азбука 978-5-389-17149-7
320 грн
Дивовижні паразити. Рослини, гриби, тварини МонолитBizz 978-617-7966-31-8
320 грн
Дисней.
Ґравіті Фолз. Керівництво Діппера і Мейбл з таємниць і нестримних веселощів (У)
320 грн
Сделано в Украине
Г. Булгакова Ранок День народження 80 с (укр)
320 грн400 грн
Руководство для начинающих по HTML5
HTML5 был разработан, чтобы делать практически все, что вы хотите делать в Интернете, без необходимости загружать плагины браузера или другое программное обеспечение. Хотите создавать анимации? Вставлять музыку и фильмы? Создавать сложные приложения, которые работают в вашем браузере? Вы можете с HTML5.
В этом посте мы расскажем все, что вам нужно знать о HTML5, в том числе:
- что это такое
- в чем разница между HTML и HTML5
- что нового в HTML5
- как использовать HTML5
- когда вышел HTML5
- какие браузеры поддерживают HTML5
Что такое HTML5?
HTML5 — новейшая версия HTML. Термин относится к двум вещам. Одним из них является сам обновленный язык HTML с новыми элементами и атрибутами.
Во-вторых, это более широкий набор технологий, которые работают с этой новой версией HTML, например новый формат видео, и позволяют создавать более сложные и мощные веб-сайты и приложения.
Чтобы понять, как развивался HTML с годами, давайте рассмотрим различия между HTML и HTML5.
HTML против HTML5
HTML является основным языком разметки World Wide Web. Первоначально предназначенный для семантического описания научных документов, с тех пор он эволюционировал, чтобы описывать гораздо больше.
Большинство страниц в Интернете сегодня были созданы с использованием HTML4. Несмотря на то, что со времени написания первой версии HTML в 1993 году он значительно улучшился, HTML4 по-прежнему имел свои ограничения. Самым большим было то, что веб-разработчики или дизайнеры хотели добавить на свой сайт контент или функции, которые не поддерживались в HTML. В этом случае им пришлось бы использовать нестандартные проприетарные технологии, такие как Adobe Flash, которые требовали от пользователей установки плагинов для браузера.
Даже в этом случае некоторые пользователи не смогут получить доступ к этому контенту или функции. Например, пользователи iPhone и iPad не смогут этого сделать, поскольку эти устройства не поддерживают Flash.
Сигнал, HTML5. HTML5 был разработан, чтобы исключить необходимость в этих нестандартных проприетарных технологиях. С помощью этой новой версии HTML вы можете создавать веб-приложения, которые работают в автономном режиме, поддерживают видео и анимацию высокой четкости и знают, где вы находитесь.
Чтобы понять, как HTML5 может все это делать, давайте посмотрим, что нового в этой последней версии HTML.
Что нового в HTML5?
HTML5 был разработан с основными целями, в том числе:
- Облегчение чтения кода для пользователей и программ чтения с экрана
- Уменьшение перекрытия между HTML, CSS и JavaScript
- Повышение гибкости и согласованности дизайна в разных браузерах
- Поддержка мультимедиа без использования Flash или других плагинов
Каждая из этих целей повлияла на изменения в этой новой версии HTML.
Давайте сосредоточимся на семи из этих изменений ниже.
Новые семантические элементы
HTML5 представил несколько новых семантически значимых тегов. К ним относятся
Встроенный SVG
При использовании HTML4 вам потребуется Flash, Silverlight или другая технология для добавления масштабируемой векторной графики (SVG) на веб-страницы. В HTML5 вы можете добавлять векторную графику непосредственно в документы HTML с помощью тега
См. рисование ручкой круглой формы с помощью встроенного SVG от Кристины Перриконе (@hubspot) на CodePen.
Функции форм
Вы можете создавать более интеллектуальные формы благодаря расширенным параметрам формы HTML5. В дополнение ко всем стандартным типам ввода формы HTML5 предлагает больше, в том числе: datetime, datetime-local, дату, месяц, неделю, время, число, диапазон, адрес электронной почты и URL-адрес. Вы также можете добавить средства выбора даты, ползунки, проверку и текст заполнителя благодаря новому атрибуту заполнителя, который мы обсудим позже.
Формат видео WebM
До появления HTML5 для встраивания аудио- и видеоконтента в веб-страницы вам требовались подключаемые модули браузера. HTML5 не только представил теги
Атрибут-заполнитель
HTML5 представил атрибут-заполнитель. Вы можете использовать это с элементом , чтобы предоставить короткую подсказку, чтобы помочь пользователям заполнить пароли или другие поля ввода данных. Это может помочь вам создать лучшие формы. Однако важно отметить, что этот атрибут недоступен для вспомогательных технологий. Не стесняйтесь читать больше о проблемах с атрибутом заполнителя.
События, отправленные сервером
Событие, отправленное сервером, — это когда веб-страница автоматически получает обновленные данные с сервера. Это было возможно с HTML4, но веб-страница должна была бы запрашивать
HTML5 поддерживает односторонние события, отправляемые сервером. Это означает, что данные постоянно отправляются с сервера в браузер.
Подумайте, насколько это было бы полезно, если бы на вашем веб-сайте были курсы акций, новостные ленты, ленты Twitter и так далее. События, отправленные сервером, поддерживались в предыдущей версии HTML, но веб-странице приходилось многократно запрашивать их.
Локальное веб-хранилище
В предыдущей версии HTML данные хранились локально с помощью файлов cookie. В HTML5 веб-хранилище используется вместо файлов cookie благодаря API сценариев. Это позволяет хранить данные локально, как файлы cookie, но в гораздо больших количествах.
Теперь, когда мы понимаем, что нового в HTML5, давайте посмотрим, почему вы должны использовать его на своем веб-сайте.
Почему HTML5?
HTML5 предлагает широкий спектр преимуществ по сравнению с предыдущими версиями HTML, некоторые из которых мы кратко упомянули выше. Давайте подробнее рассмотрим лишь несколько причин, по которым HTML5 такой особенный.
Совместимость во всех браузерах.
HTML5 поддерживается всеми основными браузерами, включая Chrome, Firefox, Safari, Opera, а также iOS для браузеров Chrome и Safari и Android.
Он может работать даже со старыми и менее популярными браузерами, такими как Internet Explorer. Это означает, что при создании с помощью HTML5 вы знаете, что пользователи будут иметь постоянный опыт на вашем сайте, независимо от того, какой браузер они используют, на мобильном или настольном компьютере.
Включает автономный просмотр.
HTML5 позволяет создавать автономные приложения. Браузеры, поддерживающие автономные приложения HTML5 (а таких большинство), будут загружать HTML, CSS, JavaScript, изображения и другие ресурсы, из которых состоит приложение, и кэшировать их локально. Затем, когда пользователь попытается получить доступ к веб-приложению без сетевого подключения, браузер отобразит локальные копии. Это означает, что вам не придется беспокоиться о том, что ваш сайт не загрузится, если пользователь потеряет или не будет иметь активного подключения к Интернету.
Позволяет писать более чистый код.
Благодаря новым семантическим элементам HTML5 вы можете создавать более понятные и описательные базы кода.
До HTML5 разработчикам приходилось использовать множество общих элементов, таких как div, и стилизовать их с помощью CSS, чтобы они отображались как заголовки или меню навигации. Результат? Много разделов и имен классов, которые затрудняли чтение кода.
HTML5 позволяет писать более семантически значимый код, что позволяет вам и другим читателям разделять стиль и содержание.
Это более доступно.
Кроме того, благодаря новым семантическим элементам HTML5 вы можете создавать более доступные веб-сайты и приложения. До появления этих элементов программы чтения с экрана не могли определить, что элемент div с именем класса или идентификатора «header» на самом деле является заголовком. Теперь с помощью
Как использовать HTML5
Чтобы начать использовать HTML5 на своем веб-сайте, рекомендуется сначала создать шаблон HTML.
Затем вы можете использовать это как шаблон для всех ваших будущих проектов. Вот как выглядит базовый шаблон:
Это заголовок страницы
Это заголовок
Это абзац.
Давайте рассмотрим процесс создания этого файла построчно, чтобы вы могли создать HTML-шаблон для своих веб-проектов. Вы можете использовать простой текстовый редактор, например Notepad++.
- Во-первых, объявите тип документа как HTML5. Для этого вы должны добавить специальный код в самую первую строку. Нет необходимости добавлять «5» в это объявление, поскольку HTML5 — это просто эволюция предыдущих стандартов HTML.
- Включите атрибут языка и определите его в открывающем теге элемента HTML. Без языкового атрибута программы чтения с экрана по умолчанию будут использовать язык операционной системы, что может привести к неправильному произношению заголовка и другого содержимого на странице. Указание этого атрибута позволит программам чтения с экрана определить, на каком языке написан документ, и сделает ваш веб-сайт более доступным. Поскольку мы пишем этот пост на английском языке, мы установим для атрибута lang файла значение «en».
- Также включите атрибут manifest в открывающий HTML-тег. Это указывает на файл манифеста вашего приложения, который представляет собой список ресурсов, к которым может потребоваться доступ вашему веб-приложению, когда оно отключено от сети. Это позволяет браузеру загружать ваш сайт, даже когда пользователь теряет или не имеет подключения к Интернету.
- Создайте раздел заголовка документа, написав открывающий тег и закрывающий тег. В шапку вы поместите метаинформацию о странице, которая не будет видна на фронтенде.
- В разделе заголовка назовите свой документ HTML5. Заключите имя в теги
. - Под заголовком добавьте метаинформацию, определяющую набор символов, который браузер должен использовать при отображении страницы. Как правило, страницы, написанные на английском языке, используют кодировку UTF-8, поэтому добавьте строку:.
- Ниже добавьте ссылки на любые внешние таблицы стилей, которые вы используете. Например, если вы загружаете CSS Bootstrap в свой проект, это будет выглядеть примерно так:
- Теперь создайте основной раздел документа, написав открывающий тег и закрывающий. Раздел body содержит всю информацию, которая будет видна во внешнем интерфейсе, например абзацы, изображения и ссылки.
- В основной раздел добавьте заголовок и абзац. Вы напишете название заголовка и заключите его в теги , а также напишете абзац и заключите его в теги.
- Наконец, не забудьте закрывающий тег элемента html.
Нет необходимости добавлять «5» в это объявление, поскольку HTML5 — это просто эволюция предыдущих стандартов HTML.
Это позволяет браузеру загружать ваш сайт, даже когда пользователь теряет или не имеет подключения к Интернету.
Когда вы закончите, вы можете сохранить файл с расширением .html и загрузить его в браузер, чтобы посмотреть, как он выглядит.
Когда появился HTML5?
Первый общедоступный проект HTML5 был выпущен Рабочей группой по технологиям веб-гипертекстовых приложений (WHATWG) в 2008 г. Однако он не был выпущен в качестве рекомендации Консорциума World Wide Web (W3C) до 28 октября 2014 г. Затем эта рекомендация была объединен с HTML Living Standard WHATWG в 2019 г..
Чтобы понять, почему процесс разработки спецификации занял более десяти лет, давайте взглянем на сложную историю HTML5.
В 1999 году, через год после выпуска HTML4, W3C решил прекратить работу над HTML и вместо этого сосредоточиться на разработке эквивалента на основе XML под названием XHTML. Четыре года спустя интерес к развитию HTML возобновился, поскольку люди начали понимать, что развертывание XML полностью зависит от новых технологий, таких как RSS.
В 2004 году Mozilla и Opera предложили продолжить развитие HTML на семинаре W3C. Когда члены W3C отклонили предложение в пользу продолжения разработки замены на основе XML, Mozilla и Opera, к которым присоединилась Apple, создали Рабочую группу по технологиям веб-гипертекстовых приложений (WHATWG) для продолжения развития HTML.
В 2006 году W3C изменил курс и заявил, что заинтересован в участии в разработке спецификации HTML5. Через год была сформирована группа для работы с WHATWG. Эти две группы работали вместе в течение нескольких лет до 2011 года, когда решили, что у них две разные цели. В то время как W3C хотел опубликовать законченную версию HTML5, WHATWG хотела публиковать и постоянно поддерживать живой стандарт HTML.
В 2014 году W3C опубликовал свою «окончательную» версию HTML5, а WHATWG продолжала поддерживать «живую» версию на своем сайте. Эти два документа объединились в 2019 году., когда W3C и WHATWG подписали соглашение о совместной разработке единой версии HTML в будущем.
Какие браузеры поддерживают HTML5?
Все последние версии основных браузеров, включая Google Chrome, Opera, Mozilla Firefox, Apple Safari и Internet Explorer, поддерживают многие функции HTML5, но не все. В настоящее время Chrome и Opera являются наиболее совместимыми с HTML5, за ними следуют Firefox и Safari. Internet Explorer наименее совместим, хотя частично или полностью поддерживает большинство функций HTML5.
Ниже приведена таблица, показывающая различную совместимость основных браузеров. Вот ключ:
- ✓ Полностью поддерживается
- ≈ Частично поддерживается
- ✗ Не поддерживается
| Хром | опера | Firefox | сафари | Internet Explorer | |
| Новые семантические элементы | ✓ | ✓ | ✓ | ✓ | ≈ |
| Встроенный SVG | ✓ | ✓ | ✓ | ✓ | ✓ |
| Функции расширенной формы | ✓ | ✓ | ≈ | ≈ | ≈ |
| Формат видео WebM | ✓ | ✓ | ✓ | ≈ | ✗ |
| Атрибут-заполнитель | ✓ | ✓ | ✓ | ✓ | ≈ |
| События, отправленные сервером | ✓ | ✓ | ✓ | ✓ | ✗ |
| Локальное веб-хранилище | ✓ | ✓ | ✓ | ✓ | ✓ |
Если вам нужна более подробная информация о различных версиях браузеров, поддерживающих HTML5, посетите Caniuse.
com.
HTML5 — это будущее всемирной паутины
Благодаря новым семантическим элементам, расширенным параметрам форм, независимым от формата тегам видео и многому другому HTML5 меняет способы создания веб-страниц разработчиками. Это, в свою очередь, меняет опыт потребителей в Интернете. Теперь мы можем смотреть видео без необходимости обновлять Flash или загружать другое программное обеспечение. Мы можем использовать приложения, когда у нас нет подключения к Интернету. Мы можем одинаково хорошо работать на сайте, используя мобильный телефон, планшет или Smart TV — и многое другое.
Изучение основ HTML и HTML5
Процесс построения, создания и обслуживания веб-страниц и веб-сайтов входит в компетенцию как клиентской, так и внутренней веб-разработки. Хотя веб-сайты — это приложения, работающие в Интернете, структура веб-страницы определяется HTML и HTML5.
Что такое HTML?
Термин HTML также известен как язык гипертекстовой разметки.
Используя атрибуты, теги и элементы, HTML определяет скелет или структуру документа. Структурные элементы представлены в заголовках, списках и абзацах.
Функции HTML
HTML имеет множество функций. Давайте взглянем на некоторые популярные функции, которые помогают разработчикам.
• HTML удобен для пользователя и не зависит от платформы. Язык гипертекстовой разметки имеет более 100 встроенных тегов, и разработчикам нужно выучить лишь несколько для ежедневного использования.
• Инвестиции в язык сценариев HTML невелики, а отдача от функций высока. Разработчики могут добавлять аудио, изображения и видео на веб-страницу с помощью HTML.
Структура HTML
HTML состоит из двух частей: заголовка и тела. Корневой тег HTML-документа —.
• Заглавная часть включает название веб-страницы. Если стили и представление указаны в отдельном файле CSS, разработчикам необходимо иметь внешнюю ссылку в разделе заголовка.
• Раздел body включает все элементы тегов, используемые для отображения содержимого веб-страницы, например, тег для добавления текста, ссылок, изображений и т.
д.
В приведенном выше коде часть тела содержит тег заголовка и ссылку, указанную с помощью тега привязки.
Что такое HTML5?
HTML5 — это не что иное, как последняя версия HTML. Он включает в себя все теги и функции HTML с новыми тегами, такими как
Структура HTML5
Давайте посмотрим на структуру HTML5. HTML состоит из двух частей: заголовка и тела. Корневой тег HTML-документа —.
• Головная часть включает заголовок, стиль кодирования и метаданные веб-страниц. Если стили и представление указаны в отдельном файле CSS, разработчику необходимо включить внешнюю ссылку в раздел заголовка.
• Раздел body включает все элементы тегов, используемые для отображения содержимого веб-страницы. В HTML5 вы можете добавлять такие теги, как заголовок, нижний колонтитул, видео и т. д.
HTML и HTML5
Существует восемь ключевых факторов для изучения различий между HTML и HTML5.
• Совместимость с браузерами:
HTML без проблем работает во всех более ранних версиях Mozilla Firefox, Google Chrome и т. д. HTML5 без проблем работает в Google Chrome 61 и предстоящей версии Mozilla Firefox 4.
• Поддержка мультимедиа:
HTML требуется дополнительная поддержка Adobe Flash Reader для воспроизведения видео- или аудиофайлов на веб-страницах. HTML5 также поддерживает видео- и аудиофайлы без дополнительной поддержки. Он имеет встроенные теги с именами
• Поддержка JavaScript:
HTML не поддерживает запуск файлов JavaScript непосредственно в браузере. HTML5 использует API веб-воркеров JP для запуска файлов javascript непосредственно в браузере.
• Доступ к местоположению:
Используя HTML, браузер не может получить абсолютное местоположение пользователя. В HTML5 местоположение пользователя определяется с помощью приложения JS GeoLocation API.
• Синтаксис:
Для объявления типа документа используется сложный и длинный синтаксис HTML. Чтобы установить кодировку символов, вам нужно уточнить детали. В HTML5 синтаксис прост, и разработчики могут легко указать кодировку символов. Атрибуты charset, ping и async являются частью HTML5.
• Теги:
HTML не содержит специальных тегов для определения семантики разделения документа на множество частей. В HTML5 теги