Кит Джереми - HTML5 для веб-дизайнеров

Тут можно читать онлайн Кит Джереми - HTML5 для веб-дизайнеров - бесплатно полную версию книги (целиком) без сокращений. Жанр: foreign-comp, издательство Манн Иванов Фербер, год 2013. Здесь Вы можете читать полную версию (весь текст) онлайн без регистрации и SMS на сайте лучшей интернет библиотеки ЛибКинг или прочесть краткое содержание (суть), предисловие и аннотацию. Так же сможете купить и скачать торрент в электронном формате fb2, найти и слушать аудиокнигу на русском языке или узнать сколько частей в серии и всего страниц в публикации. Читателям доступно смотреть обложку, картинки, описание и отзывы (комментарии) о произведении.
  • Название:
    HTML5 для веб-дизайнеров
  • Автор:
  • Жанр:
  • Издательство:
    Манн Иванов Фербер
  • Год:
    2013
  • Город:
    Москва
  • ISBN:
    978-5-91657-596-5
  • Рейтинг:
    5/5. Голосов: 11
  • Избранное:
    Добавить в избранное
  • Отзывы:
  • Ваша оценка:
    • 100
    • 1
    • 2
    • 3
    • 4
    • 5

Кит Джереми - HTML5 для веб-дизайнеров краткое содержание

HTML5 для веб-дизайнеров - описание и краткое содержание, автор Кит Джереми, читайте бесплатно онлайн на сайте электронной библиотеки LibKing.Ru
Джереми Кит обладает способностью писать легко и доступно о сложных вещах и сразу выделять те определенно важные моменты, которые имеют значение для дизайнеров-разработчиков. В книге «HTML5 для веб-дизайнеров» он рассказывает о современных тенденциях в области web-разработок.
В HTML5 появилось много интересных тэгов, в том числе поддержка аудио– и видеофайлов. Теперь вам не надо тратить время на установку плагинов для проигрывания музыки или видео – просто воспользуйтесь одним из новых тегов.
Автор убеждает, что можно использовать структурные элементы HTML5 прямо сейчас, например назначить стиль любому элементу, который вы захотите изобрести, или начать использовать доступные вам дополнительные уровни заголовков.
Книга Джереми Кит – настоящая инструкция по использованию HTML5.

HTML5 для веб-дизайнеров - читать онлайн бесплатно полную версию (весь текст целиком)

HTML5 для веб-дизайнеров - читать книгу онлайн бесплатно, автор Кит Джереми
Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать
Рис 501Текст об авторе в этом скриншоте должен быть размечен с помощью - фото 16

Рис. 5.01.Текст «об авторе» в этом скриншоте должен быть размечен с помощью footer, а не aside

В девяноста процентах случаев шапки будут расположены сверху от вашего содержимого, подвалы – внизу, а боковые колонки – по одной из сторон. Но не расслабляйтесь. Держите ухо востро и не пропустите оставшиеся десять процентов.

nav

Элемент navвыполняет ту самую функцию, которую, как вы предполагаете, он и должен выполнять. Он содержит навигационную информацию, обычно – список ссылок.

На самом деле давайте я лучше объясню. Элемент navпредназначен для очень важной информации по навигации. Одно то, что группа ссылок сгруппирована вместе в список, недостаточная причина для того, чтобы использовать элемент nav. С другой стороны, сквозная навигация по сайту почти наверняка должна содержаться в элементе nav.

Довольно часто элемент navпоявляется внутри элемента header. Это вполне осмысленно, если вы вспомните, что элемент headerможет использоваться для «вспомогательной навигационной информации».

article

Для лучшего понимания можно представить, что элементы header, footer, navи aside– это специализированные формы элемента section. Секция – это общий блок связанного содержимого, а шапки, подвалы, навигационные блоки и боковые колонки – блоки особого связанного содержимого.

Элемент article– еще один особый вид section. Его следует использовать для самостоятельного связанного содержимого. Теперь сложная часть – это решить, что значит «самостоятельный».

Задайте себе вопрос, стали бы вы передавать это содержимое в RSS или Atom-ленте. Если в таком конктексте это содержимое имеет смысл, тогда, скорее всего, article– нужный вам элемент. На самом деле элемент article спроектирован специально для агрегирования.

Если внутри articleвы используете элемент time, можете добавить к нему необязательный булев атрибут pubdate, чтобы указать, что он содержит дату публикации:

Отзыв на книгу Скрипты для DOM

Маленький маяк, который освещает длинную и зачастую темную дорогу в мире JavaScript.

Опубликовано в

Опубликовано в

pubdate>

15:13 8 октября 2005 года.

автор: Гленн Джонс

Если внутри статьи у вас есть несколько элементов time, то атрибут pubdateможет быть только у одного из них.

Элемент articleособенно хорошо применим для записей в блогах, новостных репортажей, комментариев, оценок, записей на форумах. Он покрывает ровно те же сценарии, что и микроформат hAtom.

Но спецификация HTML5 идет дальше. Она также объявляет, что элемент articleдолжен использоваться для самостоятельных виджетов: графиков акций, калькуляторов, часов, виджетов погоды и тому подобного. В этом случае элемент articleпытается закрыть те же сценарии, что Web Slices компании Microsoft ( http://bkaprt.com/html5/8) [13].

Мне кажется совершенно непонятным интуитивно, что элемент с названием «статья» должен применяться к концепту, известному как «виджет». Но, опять же, и статьи, и виджеты – самостоятельные, агрегируемые типы содержимого.

Что более проблематично – это то, что articleи sectionочень во многом похожи. Все, что их разделяет, – слово «самостоятельный». Решить, какой элемент к чему относится, было бы просто при четких и быстрых правилах. В данном же случае все зависит от интерпретации. У вас может быть много статей внутри секции, много секций внутри статьи, можно создавать вложенные секции в секциях и статьи в статьях. Вы решаете, какой элемент больше подходит семантически в той или иной конкретной ситуации.

Лекарство от избытка дивов?

HTML5 дает нам массу новых структурных элементов, которые описаны выше. Они особенно полезны, если вы разрабатываете обыкновенный сайт, например блог. Большинство блогов разработаны так, что сначала идет шапка, затем набор статей, не имеющее прямого отношения содержимое в отдельном элементе и завершается все подвалом ( рис. 5.02).

Рис 502Блог вашего покорного слуги Теперь вы можете заменить какието из - фото 17

Рис. 5.02.Блог вашего покорного слуги

Теперь вы можете заменить какие-то из своих элементов divна структурные элементы с большей семантической точностью. Но не переходите границу. Есть шансы, что если вы используете divсегодня, будете использовать его же и завтра. Не заменяйте ваши элемент divна новые глянцевые элементы HTML5 просто ради того, чтобы их использовать. Подумайте о содержимом.

Новые элементы были созданы не просто для того, чтобы заменить элементы div. Они наделяют веб-браузеры совершенно новыми возможностями для понимания вашего содержимого.

Модели содержимого

Предыдущие спецификации разметки разделяли элементы на строчные и блочные. HTML5 использует более тонкий подход, разделяя элементы на более широкий спектр категорий.

Строчные элементы теперь имеют модель содержимого «семантики на уровне текста». Многие блочные элементы теперь подпадают под категорию «группирующего содержимого»: абзацы, списки, дивы и т. п. У форм есть своя собственная модель содержимого. Картинки, звук, видео и Canvas относятся к встроенному содержимому. У новых структурных элементов появляется совершенно новая модель содержимого, которая называется «содержимое-разделитель».

Содержимое, разбивающее на секции

Используя элементы заголовков, от h1дo h6, можно создать содержание HTML-документа. Например, посмотрите вот на эту разметку:

An Event Apart

Города

Присоединяйтесь к нам в 2010 году в этих городах.

Сиэтл

Идите в изумрудный город по дороге из желтого кирпича.

Бостон

Для друзей – Beantown.

Миннеаполис

Здесь так мило.

Размещение не предоставляется.

Из этого получается следующее содержание:

• An Event Apart

• Города

• Сиэтл

• Бостон

• Миннеаполис

Это работает достаточно неплохо. Все содержимое, следующее за элементом заголовка, считается связанным с этим заголовком.

Теперь посмотрим на элемент small. Он должен быть связан со всем документом. Но браузер никак не может об этом узнать. Он ниоткуда не может узнать, что элемент smallне должен относиться к заголовку «Миннеаполис».

Добавленное в HTML5 содержимое-разделитель позволяет вам явно размечать начало и конец взаимосвязанного содержимого:

Читать дальше
Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать


Кит Джереми читать все книги автора по порядку

Кит Джереми - все книги автора в одном месте читать по порядку полные версии на сайте онлайн библиотеки LibKing.




HTML5 для веб-дизайнеров отзывы


Отзывы читателей о книге HTML5 для веб-дизайнеров, автор: Кит Джереми. Читайте комментарии и мнения людей о произведении.


Понравилась книга? Поделитесь впечатлениями - оставьте Ваш отзыв или расскажите друзьям

Напишите свой комментарий
x