Использовать id как способ логически разделить контент в коде, это ок?

Question

[aaltqna]

#article-container.container
  h1#article-header
    | Article 1
  #article-actions.row
    .col
    .col
    .col
  #article-table-container
    table

Вот так. Никакой практической пользы данные id не несут, я не использую их ни в js, ни в css. Они нужны только, чтобы унифицировать вид элементов и описать их назначение в коде. Есть минусы?

Comments

[historydev]

я не использую их ни в js, ни в css

[Ankhena]

Логически он прекрасно разделяется осмысленными классами блоков (и разбивается по ним на файлы).

Зачем вам лишние байты в коде?

[aaltqna]

Ankhena,

осмысленными классами

.row настолько осмысленный, чтобы понять, что там лежат кнопки, которые относятся к моему артиклю? Или нужно не #article-actions, а .article-actions сделать?

Если код и так вынесен в отдельный файл, то да, id логично не добавлять. Если речь про это:

.row
  = render 'actions'

[Danny Arty]

А зачем тогда нужны лишние id, раз они никакой роли не играют?

[FeST1VaL]

aaltqna, Скорее всего Ankhena имеет ввиду, что можно использовать например тот же BEM и все логично будет разделено на модули, а так же добавив к этому структуру проекта, то все еще логичнее будет

[aaltqna]

FeST1VaL, но BEM ведь растянет код на такое же кол-во символов тоже. И будет странно, наверное, начать придерживаться BEM в отдельном куске проекта, когда в остальном он не используется.

[Dino Winchester]

aaltqna, быть может количество символов и будет на порядок больше, а может и меньше. Смотря как всё это дело готовить.

Не обязательно брать BEM, можно взять даже какой-нибудь ECSS или что-то в этом роде. Вариантов огромное множество, нужно просто глубже копнуть.

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

Реализация унифицикации и инкапсуляции в CSS - дело достаточно сложное, потому что единого верного пути нет. Кто-то использует BEM, другие используют модули, веб-компоненты, postcss-modules, и так далее. Так что... придется пробовать на практике и выбирать что-то наиболее выгодное и удобное, чтобы разработка в дальнейшем, не превратилась в боль и бесконечные рефакторинги кода.

Answer 1

[MIX2MAX]

а смысл?
или используй свои теги типа [article-header]text-article-header[/article-header]