Атрибут itemscope тега <aside>

Описание

Атрибут itemscope указывает, что элемент <aside> и его содержимое представляют собой отдельный элемент микроразметки. Используется вместе с itemtype для определения словаря (например, schema.org) и структуры данных.

Пример использования:

<aside itemscope itemtype="https://schema.org/Book"> <h3 itemprop="name">Чистый код</h3> <p itemprop="author">Роберт Мартин</p> <p itemprop="publisher">Питер</p> </aside>

Основные характеристики:

Характеристика Описание
Тип атрибута Булевый (достаточно указать только имя атрибута)
Обязательное сочетание Требует указания itemtype
Область действия Распространяется на весь элемент и его потомков
Поддержка Основные поисковые системы (Google, Yandex, Bing)

Правильное применение с разными типами:

<!-- Для организации --> <aside itemscope itemtype="https://schema.org/Organization"> <h3 itemprop="name">Веб-Студия</h3> <p itemprop="address">Москва, ул. Примерная, 123</p> <p itemprop="telephone">+7 (495) 123-45-67</p> </aside> <!-- Для события --> <aside itemscope itemtype="https://schema.org/Event"> <h3 itemprop="name">Конференция по фронтенду</h3> <p itemprop="startDate" content="2023-11-15T09:00">15 ноября 2023, 9:00</p> <p itemprop="location">Онлайн</p> </aside>

Ограничения:

  • Не все словари микроразметки одинаково хорошо поддерживаются
  • Требуется точное соответствие спецификациям vocabulary
  • Может конфликтовать с другими видами разметки на странице

Рекомендации по использованию:

  • Всегда указывайте itemtype из актуальной версии schema.org
  • Используйте вложенные itemscope для сложных структур
  • Проверяйте разметку в валидаторе schema.org
  • Для важных данных дублируйте информацию в видимом тексте

Пример с вложенной структурой:

<aside itemscope itemtype="https://schema.org/Person"> <h3 itemprop="name">Анна Смирнова</h3> <p itemprop="jobTitle">UX-дизайнер</p> <div itemprop="worksFor" itemscope itemtype="https://schema.org/Organization"> <span itemprop="name">Дизайн-агентство "Креатив"</span>, <span itemprop="address">Санкт-Петербург</span> </div> </aside>

Сравнение с JSON-LD:

Критерий Микроразметка (itemscope) JSON-LD
Читаемость Смешана с HTML Отдельный блок
Поддержка Хорошая Лучшая
Сложность Проще для простых структур Лучше для сложных

Примечание: Хотя атрибут itemscope является частью стандарта HTML5, для новых проектов рекомендуется рассматривать JSON-LD как основной способ разметки структурированных данных.