Как преобразовать текст в kebab-case
Преобразование текста в kebab-case
kebab-case записывает слова строчными буквами и соединяет их дефисом. В строке нет пробелов и заглавных букв, которые ломают ссылки, поэтому формат берут для ЧПУ-адресов, CSS-классов и имен файлов.
Тот же принцип, но с подчеркиванием вместо дефиса - это snake_case. Для ссылок на страницы лучше подходит именно дефис.
Примеры
| Исходный текст | kebab-case |
|---|---|
| Hello World | hello-world |
| User Name | user-name |
| My First Article | my-first-article |
Как привести текст к kebab-case
-
Введите заголовок
Впишите фразу или название в поле "Исходный текст" - регистр и пробелы чистить не нужно.
-
Получите slug
Справа строка становится строчной, а пробелы превращаются в дефисы: Hello World дает hello-world.
-
Вставьте в URL
Кнопка "Копировать" переносит slug в адрес страницы, имя файла или CSS-класс, "Очистить" сбрасывает поле.
Вопросы и ответы
Слова разделяются дефисом "-", а не подчеркиванием "_". В остальном формат тот же - строчные буквы и слова через разделитель
Поисковые системы считают дефис границей слова, поэтому "my-first-article" индексируется как отдельные слова, а подчеркивание - нет
Нет, кириллица остается кириллицей - меняются только регистр и разделители. Транслитерацию для ЧПУ-адресов делайте отдельно
Да, цифры не теряются: "Top 10 Items" даст top-10-items