Войти
UI / Дизайн

Див-суп (Div soup)

💡
Суть в одном предложении:

Десять тегов <div> внутри друг друга ради одной несчастной иконки.

Развернутое определение

Бессмысленная многослойная вложенность из десятков тегов <div><div><div>, сгенерированная ИИ ради центрирования одной иконки, полностью игнорирующая семантический HTML.

Пример из практики

7 вложенных div-контейнеров вокруг одного параграфа текста.
Как говорят в чатах вайбкодеров
«Упрости этот див-суп — замени на один семантический <header> с flexbox»
Как говорит классический инженер
«Excessive non-semantic DOM nesting.»