Кит Джереми - 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 для веб-дизайнеров - читать книгу онлайн бесплатно, автор Кит Джереми
Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать

An Event Apart

Города

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

Сиэтл

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

Бостон

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

Миннеаполис

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

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

Теперь ясно, что элемент smallподпадает под заголовок “An Event Apart”, а не «Миннеаполис».

Я могу разделить это содержимое на еще более мелкие части: тогда каждый город окажется в своей собственной секции:

An Event Apart

Города

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

Сиэтл

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

Бостон

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

Миннеаполис

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

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

Содержание при этом будет таким же:

• An Event Apart

• Города

• Сиэтл

• Бостон

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

Алгоритм содержания

Пока новое содержимое-разделитель не дает нам ничего такого, чего мы не могли бы делать с предыдущими версиями HTML. Вот самое интересное: в HTML5 у каждого содержимого-разделителя есть свое собственное внутреннее содержание. Таким образом, вам не нужно следить, на каком уровне заголовков вы находитесь, – можете просто каждый раз начинать с h1:

An Event Apart

Города

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

Сиэтл

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

Бостон

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

Миннеаполис

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

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

В предыдущих версиях HTML содержание было бы построено неправильно:

• An Event Apart

• Города

• Сиэтл

• Бостон

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

В HTML5 содержание строится правильно:

• An Event Apart

• Города

• Сиэтл

• Бостон

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

hgroup

Бывают времена, когда вы хотите использовать элемент заголовка, но не хотите, чтобы его содержимое появлялось в содержании документа. Именно это позволяет вам сделать элемент hgroup:

An Event Apart

Для людей, которые создают вебсайты

В этом случае заголовок второго уровня («Для людей, которые создают веб-сайты») – это на самом деле слоган. В элементе hgroupтолько первый заголовок войдет в содержание. Первый заголовок не обязательно должен быть h1:

Скрипты для DOM

Веб-разработка на JavaScript для Document Object Model

Корневые элементы разделов

Некоторые элементы не появляются в сгенерированном содержании. Другими словами, неважно, сколько заголовков вы используете внутри своих элементов, – в содержании документа они не появятся.

Элементы blockquote, fieldsetи tdявляются исключениями для алгоритма составления содержания. Эти элементы называются «корневыми элементами разделов» – это не нужно путать с элементами-разделителями.

Переносимость

Так как каждый элемент, относящийся к типу контента-разделителя, создает собственное содержание, теперь в вашем документе может быть гораздо больше заголовков, чем просто от h1от h6. Теперь нет никакого ограничения на то, как глубоко могут спускаться уровни ваших заголовков. Что более важно, теперь вы можете начать представлять свое содержимое в более модульном ключе.

Предположим, у меня есть запись в блоге под названием «Бутерброд с сыром». До HTML5 мне нужно было бы знать контекст, в котором расположена запись, чтобы определить, какой уровень заголовков использовать для заголовка записи. Если запись находится на главной странице, то она появляется вслед за элементом h1, который содержит название моего блога:

Мой клёвый блог

Бутерброд с сыром

Моя кошка съела бутерброд с сыром.

Но если я публикую запись в блоге на отдельной странице, то я хочу, чтобы заголовок записи был заголовком первого уровня:

Бутерброд с сыром

Моя кошка съела бутерброд с сыром.

С HTML5 мне не нужно волноваться о том, какой уровень заголовков использовать. Мне нужно просто использовать содержимое-разделитель: в данном случае – элемент article:

Бутерброд с сыром

Моя кошка съела бутерброд с сыром.

Теперь это содержимое по-настоящему переносимо. Неважно, где оно появляется, на отдельной странице или на главной странице блога:

Мой клёвый блог

Бутерброд с сыром

Моя кошка съела бутерброд с сыром.

Новый алгоритм составления HTML5 выдает правильный результат:

• Мой клёвый блог

• Бутерброд с сыром

Локальные стили

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

Однако если вы попытаетесь перенести кусочек содержимого из одного документа в другой, то столкнетесь с рядом проблем. CSS-правила, примененные к главному документу, будут применены и к вставленному содержимому. Это в настоящий момент одна из главных проблем с распространением виджетов в вебе.

HTML5 предлагает решение этой проблемы в виде атрибута scoped, который можно применить к элементу style. Все стили, объявленные внутри этого элемента style, будут применены только к ближайшему родительскому элементу-разделителю:

Мой клёвый блог

scoped>

h1 { font-size: 75% }

Бутерброд с сыром

Моя кошка съела бутерброд с сыром.

В этом примере только у второго элемента h1будет значение размера шрифта, равное 75%. По крайней мере теория такова. Ни один браузер еще не поддерживает атрибут scoped.

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

6. Использование HTML5 сейчас

Если вы хотите начать использовать новые структурные элементы HTML5 прямо сейчас, вам ничто не мешает. Большинство браузеров позволят вам назначать стили новым элементам. Дело не в том, что браузеры активно поддерживают эти элементы, а в том, что большинство браузеров позволяют использовать и назначать стили любому элементу, который вы захотите изобрести.

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

Интервал:

Закладка:

Сделать


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

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




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


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


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

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