Convertisseur kebab-case
Convertissez votre texte en kebab-case en ligne. Transformez vos titres en slugs d'URL, noms de classes CSS et attributs HTML séparés par des traits d'union.
Exemple — saisissez votre texte ci-dessus pour le convertir.
Un convertisseur kebab-case met votre texte en minuscules et relie les mots par des traits d'union, produisant des chaînes comme user-first-name. C'est le format standard des slugs d'URL, des noms de classes CSS et des attributs HTML.
Exemples
| Avant | Après |
|---|---|
| How to Bake Bread | how-to-bake-bread |
| primaryButtonColor | primary-button-color |
| my_file_name | my-file-name |
Quand utiliser Convertisseur kebab-case
Le kebab-case — aussi appelé dash-case — fait tourner le web : les slugs d'URL. Google indique depuis des années que le trait d'union sépare les mots alors que le tiret bas ne le fait pas, donc bake-bread compte pour deux mots et bake_bread pour un seul. Le trait d'union est le choix correct pour le SEO.
Il sert aussi en CSS : noms de classes, propriétés personnalisées ( --primary-color ) et toutes les propriétés natives. En HTML, les attributs, dont les data-*, sont séparés par des traits d'union. Les paquets npm et les options CLI ( --long-option ) l'utilisent aussi. Un seul endroit l'interdit : les identifiants de code, où le trait d'union est lu comme un moins. Utilisez-y snake_case ou camelCase.
Questions fréquentes
Faut-il des traits d'union ou des tirets bas dans les slugs d'URL ?
Des traits d'union. Google traite le trait d'union comme un séparateur de mots et le tiret bas comme un lien, donc un slug avec traits d'union permet à chaque mot d'être référencé séparément.
Le kebab-case est-il identique au dash-case ou au spinal case ?
Oui, ces trois noms désignent le même format : des mots en minuscules reliés par des traits d'union.