имя css должно быть?

Question

я делаю таблицу стилей для сайта. Название стиля CSS должно быть связано с веб-сайтом или контентом?

мой сайт о веб-разработке. Это право использовать имя стиля -

#web-development-header

.web-development-company-london-content

или следует использовать

#header
.content

это имя стиля CSS может помочь для SEO?

Answer 1

Перейти на имена, связанные с контентом - их будет легко поддерживать. Более длинные строки означают больше времени для загрузки страницы. И имена стилей CSS не имеют ничего общего с SEO.

Answer 2

Все остальные ответы великолепны, но не забывайте, что вы также можете вкладывать CSS, что даст вам больше гибкости в соглашении об именах и позволит вам использовать короткие и простые имена:

#header {}
   #header #left {}
   #header #right {}
.content {}
   .content #left {}
   .content #right {}



<div id="header">
   <div id="left"></div>
   <div id="right"></div>
</div>

<div class="content">
   <div id="left"></div>
   <div id="right"></div>
</div>

Answer 3

Пока вы создаете сайт для компании по веб-разработке в Лондоне, что произойдет, если вы захотите повторно использовать код для компании по веб-разработке в Нью-Йорке? или как насчет ремесленного магазина в Лондоне? Сейчас это кажется тривиальным, так как вы пишете код, но что, если у вас есть команда? Лучше всего использовать имена, которые имеют смысл для данной страницы. Если вы выводите страницу на экран, любой должен иметь возможность определить основные компоненты: верхний и нижний колонтитулы, навигацию и т. Д. И т. Д.

Хотя идентификаторы и классы должны быть описательными, как писал Кристопер Альтман (.warningtext v .redtext), нет необходимости перегружать их информацией (.thisTextAppearsWhenTheUserEntersTheirNameInThePhoneNumberArea немного глупо), поэтому необходимо соблюдать баланс. Как правило, я стараюсь использовать минимальное описание, чтобы специально пометить раздел, чтобы упростить внешний вид моих кодов и мою нездоровую одержимость скоростью.

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

Answer 4

Выберите соглашение об именовании контента.

Один совет, используйте имена, которые не описывают визуальный вывод , потому что визуальный вывод может измениться, и тогда класс CSS или имя id вводят в заблуждение.

Например, если конструкторы .redtext изменяют цвет на синий, имя класса вводит в заблуждение, а поиск и замена трудоемки.

Я рекомендую выбирать такие имена, как .warningtext, а не .redtext.