Convertisseur Kebab Case

Qu'est-ce que le kebab case ?

Le kebab case (aussi appelé kebab-case ou dash-case) est une convention de nommage où les mots sont séparés par des tirets en minuscules. Exemple : my-variable-name.

Kebab case vs autres conventions

• Kebab case : my-variable-name — URLs, CSS, HTML
• Camel case : myVariableName — JavaScript, Java
• Snake case : my_variable_name — Python, bases de données
• Pascal case : MyVariableName — C#, React

Convertir camelCase en kebab-case

C'est courant lorsqu'on transforme des variables JS en classes CSS ou chaînes URL. Un tiret est inséré avant chaque majuscule :

• myComponentName → my-component-name
• userProfilePage → user-profile-page

Slug en kebab-case pour les URLs SEO

Un slug en kebab-case est la forme standard pour les URLs SEO-friendly. Utilisez aussi le URL Slug Generator avec suppression des mots vides et mode en masse.

kebab case en JavaScript, CSS et URLs REST

JavaScript utilise camelCase, mais le kebab case apparaît dans les classes CSS, éléments personnalisés, fichiers, endpoints REST et slugs de routes.

Où utiliser le kebab case

• Classes CSS et IDs
• Slugs d'URL et noms de fichiers
• Endpoints REST comme /user-profiles
• Packages npm, branches Git, conteneurs Docker

Outils associés

Pour les slugs SEO : URL Slug Generator. Pour les URLs permanentes : Permalink Generator.