> For the complete documentation index, see [llms.txt](https://top-100-writer.gitbook.io/top100-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://top-100-writer.gitbook.io/top100-documentation/prakticheskie-primery-i-ispolzovanie-cook-book/prakticheskoe-rukovodstvo-po-analitike-blokov/rekomendaciya-razmetki-dlya-mediinykh-proektov.md).
# Рекомендация разметки для медийных проектов
### Общая схема разметки
data-\[проект]\[-\[desktop|mobile]]=\[группа компонентов]::\[компонент]::\[порядковый номер компонента]::\[группа элементов]:: \[элемент]::\[порядковый номер элемента]::\[состояние]
* проект – символьный код проекта из списка
* desktop или mobile – обозначение платформы
* группа компонентов – группа, состоящая из отдельных, повторяющихся компонентов, например группа виджетов
* компонент м название компонента, например карточка кластера или виджет
* порядковый номер компонента – если компонент повторяются в рамках одной группы
* группа элементов – общее название для элементов, если они обобщены, например элементы списка в саджесте поиска
* элемент – название отдельного простого элемента
* порядковый номер элемента – если элемент находится в списке
* состояние – назначается, если элемент принимает разные состояния, например: opened и closed
{% hint style="info" %}
Обратите внимание! Зеленым шрифтом указаны необязательные уровни
{% endhint %}
### Описание разметки
**Первый уровень** – обязательный и устанавливается проектом.
**Второй уровень** указывается, если состоит из обобщенных одним смыслом компонентов. Таким образом он автоматически добавит уровень к дереву аналитики. Указывается как один уровень, т.е. без разделителя "::"
```
...
```
**Третий и последующие уровни** назначаются для каждого компонента, группы элементов и элемента в отдельности....
<div data-head-desktop="component::1">
<div data-head-desktop="items">
<span data-head-desktop="item::1::checked">
...
</span>
</div>
</div>