<<
>>

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

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

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

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

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

h1 { font-size: 75% }

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

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

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

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

<< | >>
Источник: Кит Джереми. HTML5 для веб-дизайнеров. 2013

Еще по теме Локальные стили:

  1. Развитие локальных сетей. intranet
  2. Создание локальных нормативных актов
  3. Часть 111/5. 10 основных правил для локального продвижения
  4. Формы и стили обслуживания клиентовa
  5. Манипулятивные стили руководства
  6. Основные и запасные стили управления
  7. Стили опционов
  8. Стили коммуникабельности
  9. Контрастирующие стили лидерства
  10. Стили деятельности конфликтологов
  11. Методы и стили управления
  12. СТИЛИ СОЦИАЛЬНОГО УПРАВЛЕНИЯ
  13. ПОЛЯРНЫЕ СТИЛИ РУКОВОДСТВА
  14. Стили руководства в банковской сфере