HTML5 — это все, что нужно сейчас: некоторые люди думают, что вам нужно подождать, пока он «завершится», чтобы использовать его, в то время как другие толкают конверт и используют то, что поддерживают браузеры прямо сейчас . Если вы не следуете шумихе над HTML5 и не знакомы с тем, что так увлекательно, в сегодняшнем обзоре книг вы найдете отличный источник: « HTML5 для веб-дизайнеров» .
О чем это?
Должно быть очевидно, о чем эта книга: HTML5. Тем не менее, это широкая, касательная тема. В частности, HTML5 для веб-дизайнеров должен быть сверхконденсированной, легко читаемой версией спецификации HTML5 с огромным практическим опытом. Я включил в этот обзор несколько цитат, чтобы вы могли получить представление о чем это все.
Кто это написал?
HTML5 для веб-дизайнеров был написан (ну, вероятно, напечатан) блестящим Джереми Китом . Если вы не знакомы с Джереми Кейтом, вы многое упускаете в Интернете. Он ирландский веб-разработчик, технический директор Clearleft , фирмы по веб-разработке в Брайтоне, Англия. Он проделал большую работу с микроформатами ; чтобы узнать больше о Джереми, вам стоит заглянуть в его блог Adactio . Мистер Кит дал интервью Дэну Бенджамину и Джеффри Зельдману на Big Web Show , рассказав о том, почему книга была написана, почему Джереми был выбран для ее написания, и о множестве других забавных вещей.
Слушая этот подкаст, вы согласитесь, что Джереми Кит определенно был тем парнем, который написал эту книгу. Если вы никогда не читали что-либо от Джереми Кейта раньше, то маленький кусочек вашего веб-разработчика еще не родился. Ничто в этой книге не может быть объяснено более практично. На сайте это хорошо сказано:
В этом блестящем и интересном руководстве пользователя Джереми Кейт предлагает погоню с четкими, ясными практическими примерами и его запатентованным блеском и шармом.
Вы должны любить все забавные шутки, в которые попал мистер Кит, от тонкого «множества программистов» до более очевидного «Если вы когда-нибудь будете использовать autoplay таким образом, я вас выследу».
Что в книге?
Оглавление показывает, что именно вы прочтете в этой книге:
- Краткая история разметки
- Дизайн HTML5
- Мультимедиа
- Веб-формы 2.0
- Семантика
- Использование HTML5 сегодня
Глава 1: Краткая история разметки
Вы можете подумать, что в такой сжатой книге не будет места для главы о почтенном прошлом HTML. , , но ты не мог быть дальше от истины. В самой первой главе Джереми Кит возвращает вас к началу. Он четко объясняет путь от HTML 2.0 (никогда не было версии 1) вплоть до HTML5, посещая известные остановки, такие как HTML 4, XHTML 1 и XHTML 2. Он дает отличное объяснение того, почему не стоит ждать полного Поддержка HTML5 перед его использованием.
После HTML 4.01 следующая версия языка называлась XHTML 1.0. X означало «eXtreme», и веб-разработчики должны были скрестить руки в форме X при произнесении письма. Нет, не совсем. X расшифровывался как «расширяемый», и пересечение рук было совершенно необязательным.
Глава 2: Дизайн HTML5
Прежде чем погрузиться в излишнюю мимолетность, Кит рассказывает о философии HTML5. Среди прочего он объясняет, почему новый тип документа имеет смысл (и почему типы документов действительно не имеют значения), что было удалено со времен HTML4, и как некоторые элементы изменили свою идентичность. Одна из самых интересных частей этой главы — его объяснение того, почему больше нет устаревших элементов, только устаревшие. И не пропустите раздел о новом JavaScript API; Я не испорчу это, но я скажу вам это: весело, весело, весело.
С HTML5 все идет. Прописные, строчные, в кавычках, без кавычек, самозакрывающиеся или нет; это полностью зависит от вас.
Глава 3: Rich Media
Я думаю, что мы все согласны с тем, что новые медиа-предложения в HTML5 являются одними из самых захватывающих дополнений. , , и некоторые из самых противоречивых. Если какой-либо из этих споров вызван отсутствием понимания, эта глава прояснит все. Джереми очень четко объясняет все, что вы хотели бы знать о canvas , audio и video тегах. Он проведет вас через мутные воды неравномерной поддержки и плохой доступности и покажет вам, как успешно использовать эти функции.
К счастью, есть способ использовать аудиоэлемент без необходимости выбора Софи между форматами файлов. Вместо использования атрибута src в открывающем теге <audio> вы можете указать несколько форматов файлов, используя вместо этого элемент source.
Глава 4: Веб-формы 2.0
Эта глава посвящена одной из самых важных частей HTML5: формы. Обычно формы — довольно скучная тема: в этой книге это не так. Джереми проведет вас через каждый из атрибутов и типов input , а также научит вас проверять поддержку этих новых функций в браузере. Вы будете просвещены, чтобы прочитать о том, почему HTML5 включает в себя такие вещи, как валидация собственных форм, и нужно ли вам стилизовать новые элементы пользовательского интерфейса (ну, вы не можете, но он отвечает на вопрос «Хотите ли вы?»).
Я могу понять, почему атрибут автофокуса был добавлен в HTML5 — он прокладывает коровник — но меня беспокоит удобство использования этого шаблона, будь то сценарий или нативный. Эта функция может быть полезной, но она также может приводить в бешенство. Пожалуйста, подумайте долго и усердно, прежде чем применять этот шаблон.
Глава 5: Семантика
Это, наверное, моя любимая глава; Для начала г-н Кит обсуждает вопросы, связанные с расширяемостью HTML: сможете ли вы создавать свои собственные теги, как в XML? Есть ли другие способы придать смысл элементам? Далее он представляет несколько новых элементов, которые HTML5 вносит в таблицу, и показывает, как правильно их использовать.
Прежде чем читать эту книгу, я был несколько озадачен ролью новых структурных элементов — таких как section и article . Хорошо, раскрась меня просветленным; Объяснение Джереми Кейта прояснит все. Если вы действительно хотите испытать себя, прочитайте его объяснение алгоритма контура HTML5.
Еще в 2005 году Google провела некоторое исследование, чтобы выяснить, какой вид висячих фруктов можно найти на коровниках в Интернете.
Парсер просмотрел более миллиарда веб-страниц и составил таблицу наиболее распространенных имен классов. Результаты были неудивительными. Названия классов, такие как «header», «footer» и «nav» были распространены. Эта новая семантика хорошо сочетается с некоторыми новыми структурными элементами, представленными в HTML5.
Глава 6: Использование HTML5 сегодня
Приятно знать все теории и спецификации, но можем ли мы их использовать? сегодня? Как вы увидите, короткий ответ «да»; длинный ответ, ну, вам придется прочитать книгу. Что поддерживается? Что вы можете использовать сейчас? Какие обходные пути доступны? Это все здесь, и вы сразу же приступите к работе.
Я надеюсь, что этот маленький sashay ‘раунд HTML5 побудил вас начать исследовать эту очень захватывающую технологию. Я также надеюсь, что вы вернете плоды своего исследования в WHATWG.
Резюме
Удивительно, сколько на самом деле освещается по этим предметам всего за 85 страниц. Вы узнаете все из истории HTML и о том, как правильно использовать теги <b> и <i> (да, они вернулись в HTML5). Если вы хотите «попробовать перед покупкой», вы можете проверить первую главу в A List Apart.
Есть ли что-то, что я бы изменил в этой книге? Я не могу найти ничего, чтобы жаловаться; и издатели, и авторы — люди, известные своим удивительным качеством работы, а HTML5 для веб-дизайнеров — это еще одно свидетельство их мастерства.
Для кого эта книга?
Если вы веб-разработчик, вы по достоинству оцените практические знания этой книги и подробные объяснения того, почему все так, как есть. Если вы в первую очередь опытный дизайнер, эта книга даст вам хорошее представление о семантическом и доступном использовании HTML5. Если вы заинтересованы в истории HTML, это здесь. И если вы просто хотите маленькую, но элегантную книгу для вашей полки, не смотрите дальше.
В итоге, если Nettuts + является одной из ваших регулярных веб-остановок, вы обязательно должны купить HTML5 для веб-дизайнеров .
Или, что, если вы уже купили это. , , и прочитайте это. Если это так, как мой анализ? Есть ли в книге что-нибудь, что вы бы изменили?
HTML является наиболее важным инструментом, который веб-дизайнер может использовать. Без разметки сеть не существовала бы. Я нахожу замечательным и замечательным, что каждый может внести свой вклад в развитие этой самой важной технологии.