что такое имя класса

Как называть css-классы

Основываясь на моих любимых статьях по данной теме и личном опыте, вот мои 5 копеек о том, как называть CSS-классы.

0. Прежде чем думать о названии класса, выберите подходящее название для HTML-элементов

Если это поле, используйте элемент input

Читать HTML-документ будет гораздо легче.

Пример:

1. Назначайте классы как можно ниже по DOM-дереву

Это сказывается на названии классов. Всегда пишите название класса прямо в HTML-элементе, для которого нужно оформление, даже если на это приходится потратить дополнительные усилия. Если не ясно почему, почитайте нижеприведённую статью Криса Койера.

Пример:

2. Называйте классы по содержимому

Пример:

3. Не называйте класс по содержимому, если картинка нагляднее

Скажем, лого шапки на самом деле выглядит так:

Тогда не называйте его header-logo.

Источник: KNACSS v4

5. Не используйте верблюжийРегистр

Это затрудняет чтение

Пример:

6. Пробуйте БЭМ

На сегодняшний день это одно из самых популярных соглашений.

(двойной дефис) означает вариант элемента.

(двойное подчёркивание) означает дочерний элемент.

Пример:

7. Пробуйте ещё страшнее

БЭМ открывает новые возможности, даже если поначалу их соглашения выглядят мерзко.

Тем не менее, такая своеобразность помогает глазу моментально уловить суть происходящего, и в случае БЭМ, поверьте, это работает.

Теперь можете пробовать более мерзкое соглашение, пока вы придерживаетесь его на всём проекте.

Пример:

8. Не сокращайте описывающие слова

Источник: phpied.com

9. Пробуйте использовать только одну букву в качестве осмысленного префикса

Пример:

Пример:

Пример:

12. Старайтесь отделить родительский элемент от дочернего

Если у класса слишком много обязанностей, разделите его на 2 отдельных свойства.

Пример:

13. Несемантические классы должны явно описывать свои свойства.

Большинство из них содержат только одно свойство, и незачем его скрывать.

14. Явные хаки (I)

Если вы не довольны вашем CSS-селектором, скажите это всем.

Это произойдёт в любом случае, даже с лучшими CSSупергеро(ин)ями, поэтому не стыдитесь этого.

Подберите в вашей команде слово, подходящее для таких случаев, и придерживайтесь его на протяжении всего проекта.

Лично я использую слово «HACK», потому что IDE Atom его автоматически подсвечивает.

Пример:

15. Явные хаки (II)

Еще толковый вариант — собрать весь код со «странностями» в отдельный файл, shame.css

Опять же, Гарри Робертс подсказал

16. Старайтесь избегать более двух слов для одного имени

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

Пример:

17. Используйте атрибут data-state для указания состояния компонента

Манипуляция состоянием — далеко не редкость. Это происходит насколько часто, что специальный атрибут для состояния экономит время и силы в долгосрочной перспективе.

Пример:

Источник: к сожалению, не могу вспомнить, кто об этом писал, но его совет оказался весьма полезным.

18. Используйте префиксы has- или is- для состояния

Манипуляция состоянием происходит очень часто (ещё раз). Поэтому придерживаться строгого соглашения наименования для состояния будет очень полезно.

Пример:

19. Используйте дефис в качестве префикса при сочетании нескольких состояний

Нужно избегать сочетания состояний любой ценой. А когда это невозможно, на помощь придёт очень полезный трюк Бена Смифета.

Пример:

20. При объявлении селектора в HTML придерживайтесь одиночных кавычек вместо двойных

Это упрощает чтение документа.

Пример:

Источник: я узнал это, когда работал с командой Predicsis

21. Не следуйте правилам

Я попытался дать некоторые рекомендации, основанные на личном опыте и статьях, которые оказались для меня наиболее полезными.

Я не говорю, что всё это пригодится и в вашем случае, поэтому мой наилучший совет:

1) Постарайтесь улучшать своё именование классов, 2) соблюдайте его последовательно для данного проекта, 3) но избегайте переусложнения.

Если правило вам не подходит, просто пропустите его

Особая благодарность @HugoGiraudel, @kaelig и @gaetanbt за их отзывы.

Источник

Получение имени класса в Java

Изучите различные способы получения имени класса в Java.

1. Обзор

В этом уроке мы узнаем о четырех способах извлечения имени класса из методов Class API: getSimpleName () , getName () , getTypeName() и getCanonicalName() .

Эти методы могут сбивать с толку из-за их схожих названий и их несколько расплывчатых Javadoc. Они также имеют некоторые нюансы, когда речь заходит о примитивных типах, типах объектов, внутренних или анонимных классах и массивах.

2. Получение Простого Имени

Давайте представим себе следующий класс:

Его простое имя будет RetrieveClassName :

А для массивов метод вернет простое имя типа массива, за которым следует пара открывающих и закрывающих скобок для каждого измерения массива ([]) :

Наконец, есть конкретный случай анонимных классов. Вызов getSimpleName() в анонимном классе вернет пустую строку.

3. Получение Других Имен

Что касается других методов, выходные данные могут немного отличаться в зависимости от вариантов использования. Мы увидим, что это означает для различных типов примитивов и объектов.

3.1. Примитивные типы

Давайте начнем с примитивных типов, поскольку они просты. Для примитивных типов все три метода getName (), getTypeName() и getCanonicalName() вернут тот же результат, что и getSimpleName() :

3.2. Типы объектов

В большинстве случаев это полное имя, которое содержит все простые имена пакетов классов, а также простое имя класса:

3.3. Внутренние классы

То, что мы видели в предыдущем разделе, – это общее поведение этих вызовов методов, но есть несколько исключений.

Внутренние классы-один из них. Методы getName() и getTypeName() ведут себя иначе, чем метод getCanonicalName() для внутренних классов.

Давайте представим себе внутренний класс InnerClass нашего RetrieveClassName :

Затем каждый вызов обозначает внутренний класс немного по-другому:

3.4. Анонимные классы

Анонимные классы-еще одно исключение.

Давайте проиллюстрируем это на примере. Мы создадим здесь два анонимных класса и вызовем getName() на первом и getTypeName() на втором, объявив их в com.baeldung.Главная :

Следует отметить, что второй вызов возвращает имя с увеличенным числом в конце, поскольку оно применяется ко второму анонимному классу.

3.5. Массивы

Наконец, давайте посмотрим, как массивы обрабатываются вышеперечисленными тремя методами.

Чтобы указать, что мы имеем дело с массивами, каждый метод обновит свой стандартный результат. Методы getTypeName() и getCanonicalName() добавят пары скобок к своему результату.

Давайте рассмотрим следующий пример, в котором мы вызываем getTypeName() и getCanonicalName() для двумерного внутреннего класса массива:

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

4. Заключение

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

Источник

Имена классов, структур и интерфейсов

Приведенные ниже рекомендации по именованию применяются к общему именованию типов.

✔️ имена классов и структур с существительными или субстантивные словосочетаниями с помощью Паскалкасинг.

Это отличает имена типов от методов, названных с помощью фраз глагола.

✔️ ИСПОЛЬЗОВАТЬ именованные интерфейсы с фразами прилагательных или иногда с существительными или фразами с существительными.

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

❌ НЕ присваивайте имена классов префиксом (например, «C»).

✔️ Рекомендуется завершать имена производных классов именем базового класса.

✔️ префиксы имен интерфейсов с буквой I, чтобы указать, что тип является интерфейсом.

Например, IComponent (описательное существительное), ICustomAttributeProvider (субстантивные словосочетания) и IPersistable (прилагательное) — соответствующие имена интерфейсов. Как и в случае с другими именами типов, следует избегать сокращений.

✔️ Убедитесь, что имена отличаются только префиксом «I» в имени интерфейса при определении пары «класс — интерфейс», в которой класс является стандартной реализацией интерфейса.

Имена параметров универсального типа

✔️ имена параметров универсального типа с описательными именами, если только имя в одном письме не является полностью понятным, а описательное имя не будет добавлять значение.

✔️ РЕКОМЕНДУЕТСЯ использовать T в качестве имени параметра типа для типов с одним однобуквенным параметром типа.

✔️ Рассмотрите возможность указания ограничений, накладываемых на параметр типа в имени параметра.

Имена общих типов

Перечисления именования

Имена типов перечисления (также называемые перечислениями) в целом должны соответствовать стандартным правилам именования типов (Паскалкасинг и т. д.). Однако существуют дополнительные рекомендации, которые применяются специально для перечислений.

✔️ использовать единственное имя типа для перечисления, если его значения не являются битовыми полями.

✔️ использовать имя типа во множественном числе для перечисления с битовыми полями в качестве значений, также называемых flags Enum.

❌ НЕ используйте суффикс «enum» в именах типов Enum.

❌ НЕ используйте суффикс «Flag» или «Flags» в именах типов Enum.

❌ НЕ используйте префикс для имен значений перечисления (например, «ad» для перечислений ADO, «RTF» для перечислений форматированного текста и т. д.).

Части © 2005, 2009 Корпорация Майкрософт. Все права защищены.

Источник

Классы

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

Внутри стиля вначале пишется желаемый тег, а затем, через точку пользовательское имя класса. Имена классов должны начинаться с латинского символа и могут содержать в себе символ дефиса (-) и подчеркивания (_). Использование русских букв в именах классов недопустимо. Чтобы указать в коде HTML, что тег используется с определённым классом, к тегу добавляется атрибут class=»Имя класса» (пример 8.1).

Пример 8.1. Использование классов

HTML5 CSS 2.1 IE Cr Op Sa Fx

Результат данного примера показан на рис. 8.1.

Рис. 8.1. Вид текста, оформленного с помощью стилевых классов

Первый абзац выровнен по ширине с текстом чёрного цвета (этот цвет задаётся браузером по умолчанию), а следующий, к которому применен класс с именем cite — отображается синим цветом и с линией слева.

Можно, также, использовать классы и без указания тега. Синтаксис в этом случае будет следующий.

При такой записи класс можно применять к любому тегу (пример 8.2).

Пример 8.2. Использование классов

HTML5 CSS 2.1 IE Cr Op Sa Fx

Результат применения классов к тегам и показан на рис. 8.2.

Рис. 8.2. Вид тегов, оформленных с помощью классов

Классы удобно использовать, когда нужно применить стиль к разным элементам веб-страницы: ячейкам таблицы, ссылкам, абзацам и др. В примере 8.3 показано изменение цвета фона строк таблицы для создания «зебры».

Пример 8.3. Использование классов

HTML5 CSS 2.1 IE Cr Op Sa Fx

Результат данного примера показан на рис. 8.3. В примере класс с именем odd используется для изменения цвета фона строки таблицы. За счёт того, что этот класс добавляется не ко всем тегам