Comment on page
Рекомендация разметки для медийных проектов
data-[проект][-[desktop|mobile]]=[группа компонентов]::[компонент]::[порядковый номер компонента]::[группа элементов]:: [элемент]::[порядковый номер элемента]::[состояние]
- проект – символьный код проекта из списка
- desktop или mobile – обозначение платформы
- группа компонентов – группа, состоящая из отдельных, повторяющихся компонентов, например группа виджетов
- компонент м название компонента, например карточка кластера или виджет
- порядковый номер компонента – если компонент повторяются в рамках одной группы
- группа элементов – общее название для элементов, если они обобщены, например элементы списка в саджесте поиска
- элемент – название отдельного простого элемента
- порядковый номер элемента – если элемент находится в списке
- состояние – назначается, если элемент принимает разные состояния, например: opened и closed
Обратите внимание! Зеленым шрифтом указаны необязательные уровни
Первый уровень – обязательный и устанавливается проектом.
Второй уровень указывается, если состоит из обобщенных одним смыслом компонентов. Таким образом он автоматически добавит уровень к дереву аналитики. Указывается как один уровень, т.е. без разделителя "::"
<div data-head-desktop="group">
...
</div>
Третий и последующие уровни назначаются для каждого компонента, группы элементов и элемента в отдельности....
<div data-head-desktop="component::1">
<div data-head-desktop="items">
<span data-head-desktop="item::1::checked">
...
</span>
</div>
</div>
Last modified 3mo ago