Convertisseur kebab-case : texte en kebab case en ligne

Ce qu’est le kebab-case

Ce convertisseur kebab-case met des traits d’union à la place des espaces et garde toutes les lettres en minuscules :

My Blog Post Title devient my-blog-post-title
backgroundColor devient background-color
user_profile_card devient user-profile-card

Comment fonctionne le convertisseur

L’outil repère les mots de chaque ligne, les met en minuscules et les relie par des traits d’union. Les mots peuvent être séparés par des espaces, des tirets bas, des points ou des barres obliques, ou par des majuscules comme en camelCase et en PascalCase. La ponctuation est supprimée. Chaque ligne est convertie séparément : collez une liste de titres ou de noms de classes et vous récupérez une liste correspondante.

Texte saisi	Résultat
My First Blog Post!	my-first-blog-post
backgroundColor	background-color
user_profile_card	user-profile-card
ProductListItem	product-list-item
10 Tips for Better Sleep	10-tips-for-better-sleep
Mon article de blog	mon-article-de-blog
été 2026 à Paris	été-2026-à-paris

Les deux dernières lignes montrent le cas des titres français. Les accents sont conservés : été-2026-à-paris fonctionne dans un navigateur, mais l’adresse devient illisible une fois encodée (%C3%A9t%C3%A9...) quand on la copie. Pour des URL françaises propres, le générateur de slug remplace « é » par « e » et « à » par « a ».

Où l’on utilise le kebab-case

URL : example.com/blog/mon-premier-article
CSS : noms de classes comme .nav-item et propriétés comme font-size
HTML : attributs comme data-user-id et noms d’éléments personnalisés comme <user-card>
Noms de fichiers et de dossiers : surtout dans les projets web
Paquets npm : les noms de paquets doivent être en minuscules, et le trait d’union est le séparateur habituel
Options de ligne de commande : --dry-run, --no-cache

Le kebab-case pour les slugs d’URL

Un slug est la partie lisible d’une adresse web qui identifie une page. Un bon slug est court, en minuscules et avec des traits d’union. Collez ici le titre de votre page pour obtenir un point de départ, puis raccourcissez-le :

Convertissez le titre : « 10 Tips for Better Sleep » devient 10-tips-for-better-sleep.
Retirez les mots de remplissage si le slug est long : tips-better-sleep.
Gardez le mot-clé principal de la page dans le slug.

Les minuscules comptent, car beaucoup de serveurs web traitent /Ma-Page et /ma-page comme deux adresses différentes.

Comparaison avec les autres styles

Style	Exemple	Utilisable dans le code ?
kebab-case	user-first-name	Non, le trait d’union signifie moins
snake_case	user_first_name	Oui
camelCase	userFirstName	Oui

Besoin d’un autre style ? Essayez le convertisseur snake_case ou le convertisseur camelCase.

Convertisseur kebab-case : questions fréquentes

Qu'est-ce que le kebab case ?

Le kebab case écrit un nom de plusieurs mots en minuscules avec des traits d'union entre les mots, comme main-nav ou mon-premier-article. Les mots ressemblent à des morceaux enfilés sur une brochette. On parle aussi de dash case, hyphen case, lisp case ou spinal case.

Pourquoi les traits d'union sont-ils préférables aux tirets bas dans les URL ?

Google recommande les traits d'union pour séparer les mots dans les URL, car ils sont traités comme des coupures de mots, ce qui aide les moteurs de recherche et les internautes à lire l'adresse. Les tirets bas peuvent être lus comme s'ils soudaient deux mots en un seul.

Peut-on s'en servir comme générateur de slug d'URL ?

Oui. Collez un titre de page : le convertisseur le met en minuscules, retire la ponctuation et relie les mots par des traits d'union. « My First Blog Post! » devient my-first-blog-post. Les lettres accentuées sont gardées telles quelles : remplacez-les à la main, ou utilisez le générateur de slug, si votre site a besoin de slugs en ASCII pur.

Peut-on utiliser le kebab-case pour des noms de variables ?

Pas dans la plupart des langages. JavaScript, Python, Java et beaucoup d'autres lisent le trait d'union comme un signe moins : user-name voudrait dire « user moins name ». Utilisez le camelCase ou le snake_case dans le code, et gardez le kebab-case pour les URL, le CSS, les attributs HTML et les noms de fichiers.

Convertisseur kebab-case

Convertir en

Pour le code