Convertisseur de cas Kebab — Outil en ligne gratuit
Qu'est-ce que Convertisseur de cas Kebab?
Le kebab-case (kebab-case) est une convention de nommage qui relie les mots par des tirets et met toutes les lettres en minuscules. Le résultat ressemble à ceci-est-kebab-case : les mots sont enchaînés par des tirets, à l'image des ingrédients sur une brochette de kebab.
Il s'agit du format de nommage standard pour les noms de classes CSS, les slugs d'URL, les identifiants HTML et les attributs de données, ainsi que les noms de fichiers dans de nombreux frameworks web. Cet outil convertit n'importe quelle entrée — texte brut, camelCase, snake_case ou PascalCase — en une sortie kebab-case propre et compatible avec les URL, que vous pouvez utiliser immédiatement.
Quand utiliser Convertisseur de cas Kebab?
Utilisez le format « kebab-case » pour les noms de classes CSS et les sélecteurs de style BEM, les slugs d'URL pour les articles de blog et les pages produits, les attributs de données HTML et les clés de configuration dans les fichiers YAML. Les développeurs front-end qui jonglent entre les noms de propriétés en « camelCase » de JavaScript et leurs équivalents en « kebab-case » dans le CSS (par exemple, backgroundColor → background-color) utilisent régulièrement cet outil. Les professionnels du référencement qui génèrent des slugs d'URL propres trouveront cet outil utile : les moteurs de recherche traitent les tirets comme des séparateurs de mots, ce qui rend le kebab-case naturellement adapté au référencement.
Pour la génération de slugs d'URL avec une validation supplémentaire, essayez le Générateur de slugs d'URL. Pour la dénomination en Python ou dans les bases de données, utilisez le Convertisseur Snake Case.
Comment utiliser cet outil
- 1Enter your text or phrase
- 2Click 'Convert' to get kebab-case
- 3Copy your URL-friendly slug
Cet outil supprime les caractères spéciaux, met tout en minuscules et remplace les espaces, les traits de soulignement, les points et les délimitations « camelCase » par des tirets. Le résultat est toujours une chaîne de caractères épurée, en minuscules et séparée par des tirets.
Exemples
| 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 |
Règles et comportement
- Tous les mots sont convertis en minuscules. Quel que soit le format d'entrée (majuscules, majuscules en début de mot, camelCase), chaque lettre du résultat sera une minuscule.
- Les mots sont séparés par des tirets (-). Les espaces, les traits de soulignement, les points et les transitions de lettres en camelCase sont tous remplacés par des tirets simples afin d'obtenir un kebab-case épuré.
- Les caractères spéciaux et les signes de ponctuation sont supprimés. Seules les lettres (a–z), les chiffres (0–9) et les tirets sont conservés, ce qui rend le résultat compatible avec les URL, les sélecteurs CSS et les attributs HTML.
Outils associés
Questions fréquentes
Qu'est-ce que « kebab-case » ?
La convention « kebab-case » consiste à écrire les mots en minuscules et à les séparer par des tirets, comme dans « my-component-name ». Elle évoque les ingrédients enfilés sur une brochette de kebab. C'est la norme pour les noms de classes CSS, les attributs HTML, les chemins d'accès URL et les noms de fichiers dans de nombreux frameworks web, notamment Angular et Ember.
Dans quels cas utilise-t-on le terme « kebab-case » ?
Les noms de classes CSS (.nav-bar, .btn-primary), les attributs id HTML, les slugs d'URL (/blog/my-post-title), les identifiants Lisp et Clojure, les sélecteurs de composants Angular et les clés de configuration YAML utilisent tous la notation kebab-case. C'est également la norme par défaut pour les noms de paquets npm et de nombreuses commandes CLI.
La casse « kebab » correspond-elle à la casse « spinal » ou à la casse « lisp » ?
Oui, ils sont identiques : des mots entièrement en minuscules séparés par des tirets. Le nom varie selon les communautés : les développeurs web parlent de « kebab-case », les programmeurs Lisp de « lisp-case », et certains l'appellent « spinal-case ». Notre outil produit le même résultat, quel que soit le nom que vous lui donnez.
Pourquoi le format « kebab-case » est-il adapté aux URL ?
Les moteurs de recherche comme Google considèrent les tirets comme des séparateurs de mots ; ainsi, les URL en « kebab-case » (par exemple, /best-free-tools) sont correctement indexées en tant que mots-clés distincts. Les traits de soulignement dans les URL en « snake-case » (/snake-case-converter/) sont considérés comme des éléments reliant les mots, ce qui fait des tirets le meilleur choix pour des slugs d'URL optimisés pour le référencement.
Puis-je convertir le format PascalCase en kebab-case ?
Oui. L'outil détecte les transitions entre les majuscules et les minuscules dans les entrées au format PascalCase et camelCase et insère des tirets à chaque limite. Par exemple, « MyComponentName » devient « my-component-name » et « backgroundColor » devient « background-color ».