Считается ли использование таких имен классов, как «правильно», плохой практикой?

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

В остальном проблем не вижу. Я бы назвал правое или левое имя следующим образом: menuleft, menuright и т. д.

Не думаю, что это очень хорошая идея. Теперь, когда вы (или будущий сопровождающий) собираетесь изменить макет своего веб-сайта, вам придется либо изменить .right на {float:left;} (очевидно, плохая идея), либо просмотреть все свои HTML-файлы и заменить right на left.

Почему вы хотите, чтобы эта конкретная ссылка была размещена правильно, а другие .continueLink - нет? Используйте ответ на этот вопрос, чтобы выбрать более описательное имя класса для этой ссылки.

css касается представления состав вашей html-страницы.

Это означает, что его классы должны представлять структуру документа («статья», «дополнительные ссылки», «глоссарий», «введение», «заключение», ...).

Вам следует избегать любого класса, связанного с представлением физический ('left', 'right', 'footnotes', 'sidenotes', ...), потому что, как ясно показывает Дзен сад, вы можете решить разместить любой div в очень разными и разными способами.

Пуристы скажут, что не делайте этого, а прагматики скажут, что это нормально. Но будут ли пуристы определять .right как float: left?

Как пурист, я говорю «нет», не делай этого. По причинам, упомянутым ранее.

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

Вышеизложенное - это то, что коллеги-преследователи часто склонны игнорировать, даже если это реальность. Но в нижней строке; нет, избегайте использования className, например "right". :-)

.right и другие подобные классы, безусловно, позволяют быстро написать создание тега с прикрепленным к нему правилом float:right, но я думаю, что у этого метода больше недостатков, чем преимуществ:

Часто стиль класса с одним float:right; в нем чего-то не хватает, ваш пример будет плавать правильно, только если другое правило класса содержит в нем display:block, поскольку тег «a» не является элементом уровня блока. Кроме того, для плавающих элементов чаще всего требуется привязка ширины к высоте. Это означает, что коду в вашем примере нужен дополнительный код, чтобы делать то, что он говорит, и вам нужно искать в двух местах, когда вам нужно изменить свой css.

Я стараюсь стилизовать свой html, разделяя страницу на разные div-теги с уникальными идентификаторами, а затем стилизуя элементы в этих div путем наследования, как это.

div#sidebar { float:right; width:200px; }
div#sidebar ul { list-style-type:none; }

Это позволяет разделить мои файлы css, так что легко найти код css, который стилизует конкретный тег, но если вы введете .right и другие классы, вы начнете разбрасывать правила по разным областям файла css. , что усложняет обслуживание сайта.

Я думаю, что идея иметь очень общие классы родилась из желания сделать возможным изменение всего макета сайта, изменив пару правил в таблице стилей, но я должен сказать, что за 8 лет разработки веб-сайта с Более 30 разных сайтов у меня за плечами. Я ни разу не менял макет сайта и не использовал HTML повторно.

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

С уважением Джеспер Хауге

Да, семантически это неправильно, но, например, бывают случаи, когда я позиционирую изображения в блоке основного текста и даю им класс «правильно».

Возможно, «alt» - более подходящее имя класса.