Конвертер упаковок для кебабов — бесплатный онлайн-инструмент
Что такое Конвертер единиц измерения для кебаба?
Kebab Case (kebab-case) — это конвенция именования, при которой слова соединяются дефисами, а все буквы преобразуются в нижний регистр. Результат выглядит так: this-is-kebab-case — слова соединяются дефисами, напоминая ингредиенты на шашлычной вертелке.
Это стандартный формат именования для имен классов CSS, URL-адресов, атрибутов id и data в HTML, а также имен файлов во многих веб-фреймворках. Этот инструмент преобразует любой ввод — обычный текст, camelCase, snake_case или PascalCase — в чистый, безопасный для URL-адресов kebab-case, который можно сразу использовать.
Когда использовать Конвертер единиц измерения для кебаба?
Используйте формат «kebab-case» для имен классов CSS и селекторов в стиле BEM, URL-адресов для постов в блогах и страниц товаров, атрибутов данных HTML, а также ключей конфигурации в файлах YAML. Фронтенд-разработчики, переключающиеся между именами свойств в формате «camelCase» в JavaScript и их эквивалентами в формате «kebab-case» в CSS (например, backgroundColor → background-color), регулярно пользуются этим инструментом. Специалистам по SEO, создающим чистые URL-слаги, он также пригодится — поисковые системы рассматривают дефисы как разделители слов, что делает kebab-case естественным образом SEO-дружественным.
Для генерации URL-слагов с дополнительной очисткой попробуйте URL Slug Generator. Для именования в Python или базах данных используйте Snake Case Converter.
Как пользоваться инструментом
- 1Enter your text or phrase
- 2Click 'Convert' to get kebab-case
- 3Copy your URL-friendly slug
Этот инструмент удаляет специальные символы, преобразует все символы в нижний регистр и заменяет пробелы, подчеркивания, точки и разделители в стиле camelCase на дефисы. В результате всегда получается чистая строка, написанная строчными буквами и разделенная дефисами.
Примеры
| Input | Output |
|---|---|
| Hello World | hello-world |
| backgroundColor | background-color |
| my_variable_name | my-variable-name |
| The Quick Brown Fox | the-quick-brown-fox |
| user_id_column | user-id-column |
Правила и поведение
- Все слова преобразуются в нижний регистр. Независимо от формата входных данных — UPPERCASE, Title Case, camelCase — каждая буква в выходных данных будет написана строчной буквой.
- Слова разделяются дефисами (-). Пробелы, подчеркивания, точки и переходы между буквами в стиле camelCase заменяются одиночными дефисами для получения чистого формата kebab-case.
- Специальные символы и знаки препинания удаляются. Остаются только буквы (a–z), цифры (0–9) и дефисы, благодаря чему результат можно безопасно использовать в URL-адресах, CSS-селекторах и атрибутах HTML.
Похожие инструменты
Часто задаваемые вопросы
Что такое «кебаб-кейс»?
kebab-case — это конвенция именования, при которой слова пишутся строчными буквами и разделяются дефисами, например my-component-name. Она напоминает ингредиенты, нанизанные на шашлычную шпажку. Это стандарт для имен классов CSS, атрибутов HTML, URL-адресов и имен файлов во многих веб-фреймворках, включая Angular и Ember.
Когда используется «кебаб-кейс»?
Имена классов CSS (.nav-bar, .btn-primary), атрибуты id в HTML, URL-адреса (/blog/my-post-title), идентификаторы в Lisp и Clojure, селекторы компонентов Angular и ключи конфигурации YAML — во всех этих случаях используется формат kebab-case. Кроме того, это стандартный формат для имен пакетов npm и многих команд интерфейса командной строки.
Регистр «kebab» — это то же самое, что «spinal» или «lisp»?
Да, они одинаковы — все слова написаны строчными буквами и разделены дефисами. Название варьируется в зависимости от сообщества: веб-разработчики называют это «kebab-case», программисты на Lisp — «lisp-case», а некоторые — «spinal-case». Наш инструмент выдает одинаковый результат независимо от того, как вы это называете.
Почему формат «кебаб» подходит для URL-адресов?
Поисковые системы, такие как Google, рассматривают дефисы как разделители слов, поэтому URL-адреса в формате «kebab-case» (например, /best-free-tools) индексируются как отдельные ключевые слова. Подчерки в URL-адресах формата snake_case рассматриваются как соединители слов, поэтому дефисы являются более предпочтительным выбором для SEO-оптимизированных URL-адресов.
Можно ли преобразовать PascalCase в kebab-case?
Да. Инструмент определяет переходы между заглавными буквами в тексте, введенном в формате PascalCase и camelCase, и вставляет дефисы на каждой границе. Например, «MyComponentName» преобразуется в «my-component-name», а «backgroundColor» — в «background-color».