Convertir le texte en kebab-case dash-case Gratuit En ligne Sûr

Pourquoi on convertit un texte en kebab-case

Regardez la barre d'adresse de presque n'importe quel site bien tenu et vous y trouverez des mots reliés par des traits d'union : how-to-repot-a-fern, annual-report-2026, contact-us. Regardez à l'intérieur d'une feuille de style et les noms de classes font de même : main-menu, card-title, button-primary. Regardez les options des outils en ligne de commande et vous trouvez --dry-run et --no-cache. C'est le kebab-case, les mots en minuscules enfilés sur un trait d'union comme la viande sur une brochette, et c'est la forme que le web a adoptée pour les noms que les gens peuvent voir. Convertir un texte en kebab-case, c'est prendre une expression telle qu'on la dirait et la transformer en un nom qui fonctionne dans une adresse, une classe, une branche ou un fichier.

Collez une ligne et relisez-la en kebab-case. La conversion se fait dans votre navigateur, rien de ce que vous tapez n'est envoyé nulle part, et les règles suivent la langue de cette page et non l'anglais. Elle découpe la ligne en mots, les met en minuscules et les joint par des traits d'union. Une ligne déjà écrite en camelCase est coupée là aussi : fooBar devient donc foo-bar. Vous trouverez plus bas ce que la page fait exactement et ne fait pas, comment elle traite les lettres délicates de différentes langues, pourquoi le web préfère les traits d'union aux tirets bas, où le kebab-case est la convention, et les pièges qui attrapent ceux qui convertissent un texte en kebab-case à la hâte.

Ce que fait la conversion

Découper, mettre en minuscules, joindre

La page commence par découper la ligne en mots, met chacun en minuscules et les joint par des traits d'union. La ligne Crème brûlée for 2 — straße 17, fooBar revient sous la forme crème-brûlée-for-2-straße-17-foo-bar. Les accents sont conservés, les nombres restent des mots à part, le tiret et la virgule ont disparu, et fooBar est coupé en deux à la majuscule.

Où tombent les coupes

Une limite de mot est une espace, un signe de ponctuation, un tiret, un symbole ou le passage d'une minuscule à une majuscule à l'intérieur d'un mot. Ainsi Main Menu, mainMenu, main_menu et main--menu deviennent tous main-menu. La conversion accepte presque n'importe quel point de départ et arrive toujours à la même forme, ce qui en fait une dernière étape sûre avant qu'un nom n'entre dans une feuille de style ou une adresse.

Pas de traits d'union égarés

Les séparateurs répétés sont réduits à un seul, et aucun trait d'union ne reste au début ou à la fin. Une expression en désordre comme ...Hello, World!! ressort sous la forme hello-world, sans rien qui pende aux extrémités.

Ce que ne fait pas la conversion

Elle ne conserve pas la ponctuation

Virgules, points et tirets sont des limites entre les mots, non des caractères à reporter. C'est ce que vous voulez pour une classe CSS ou un nom de fichier, et non ce que vous voulez pour de la prose. Une phrase passée par la page revient sous forme de nom, et la ponctuation d'origine a disparu.

Elle ne retire pas les accents

La ligne garde ses lettres accentuées : crème-brûlée. Les navigateurs et serveurs modernes les acceptent dans les noms et les adresses, mais d'anciens outils peuvent ne pas le faire, et une adresse avec accents est transformée en codes de pourcentage quand on la copie. Si vous avez besoin de lettres simples, la page des slugs d'URL retire aussi les signes des lettres latines.

Elle ne vérifie pas que le nom est libre

Deux expressions différentes peuvent produire le même nom, et la page ne sait pas si un nom est déjà utilisé sur votre site ou dans votre projet. Vérifiez les conflits avant de publier.

La langue compte

Écritures sans espaces

Découper en mots demande des limites. Le chinois et le japonais s'écrivent sans espaces ; une ligne dans ces écritures revient donc comme un seul mot. La page préfère le dire plutôt que de couper à un endroit deviné.

Le turc et le i pointé

Le passage en minuscules suit les règles de la langue de la page. En turc, la forme minuscule de I est ı, sans point, et la forme minuscule de İ est i. Un convertisseur qui applique les règles de l'anglais change les mots. Cette page suit la langue dans laquelle elle est écrite.

L'allemand et le s dur

Le ß allemand est déjà minuscule et reste : straße-17. STRASSE en capitales revient sous la forme strasse, car la forme capitale ne se souvient pas si elle venait de ß ou de deux lettres.

Écritures de droite à gauche et indiennes

L'arabe, l'hébreu et les écritures indiennes ont des espaces entre les mots et pas de casse. La page joint leurs mots par des traits d'union et laisse les lettres tranquilles.

Pourquoi le web préfère les traits d'union

Les moteurs de recherche lisent les traits d'union comme des espaces

Les moteurs de recherche traitent un trait d'union dans une adresse comme un séparateur entre les mots ; how-to-repot-a-fern est donc compris comme cinq mots. Un tiret bas, en revanche, est en général lu comme un lien, et how_to_repot_a_fern peut être lu comme un seul long mot. Pour les adresses que les gens recherchent, les traits d'union sont le meilleur choix, et cette habitude s'est répandue sur tout le web.

Lisibilité

Un tiret bas peut disparaître quand un lien est souligné, puisque la ligne se trouve exactement là où est le tiret bas. Un trait d'union reste visible. C'est un petit point, mais il explique pourquoi la forme s'est imposée dans les adresses.

Indifférence à la casse

Les adresses sont plus sûres en minuscules, car certaines de leurs parties peuvent être sensibles à la casse sur certains serveurs. Le kebab-case est en minuscules par définition, ce qui supprime toute une famille d'erreurs.

Où le kebab-case est la convention

Adresses web

La dernière partie de l'adresse d'une page, le slug, est presque toujours en kebab-case. Pour des adresses qui doivent aussi être exemptes d'accents, utilisez la page des slugs d'URL.

CSS et HTML

Les propriétés CSS sont en kebab-case (background-color, font-size), de même que la plupart des noms de classes et des propriétés personnalisées (--brand-color). Les attributs HTML comme data-user-id suivent le même style. Quand vous inventez un nom de classe pour un composant, le kebab-case est ce qu'attend un lecteur de votre feuille de style. Si un composant est aussi dessiné avec des tailles, Convertir px en rem aide pour les longueurs.

Noms de fichiers et de dossiers

Des mots en minuscules joints par des traits d'union font un nom de fichier sûr sur tous les systèmes, ce qui explique que les générateurs de sites statiques et de nombreux cadriciels les emploient pour les pages et les ressources.

Options de ligne de commande et noms de paquets

Les options comme --dry-run, les noms de paquets sur des registres comme npm et les branches Git comme feature/login-form suivent toutes le kebab-case. Une expression mise sous cette forme a de bonnes chances d'être acceptée par les outils que vous utilisez.

Lisp et ses cousins

La forme vient de Lisp, où les traits d'union sont permis dans les noms parce que le langage n'en a pas l'usage comme signes de soustraction sans espaces autour. Le nom kebab-case est une plaisanterie sur la brochette, et il est resté.

Où ce n'est pas la convention

Python, Ruby et bases de données

Ceux-ci préfèrent les tirets bas, car un trait d'union serait lu comme un moins. Pour eux, utilisez snake_case.

Variables JavaScript et Java

Un trait d'union dans un nom de variable est une soustraction. Ces langages emploient le camelCase. Le kebab-case peut tout de même apparaître dans leurs chaînes, noms de fichiers et CSS.

Prose et titres

Le kebab-case est fait pour les noms. Les titres et les phrases doivent garder leurs espaces et leurs majuscules. Pour un intitulé, envisagez Title Case.

Comment convertir un texte en kebab-case ici

Collez ou saisissez votre texte

Entrez l'expression dans le premier champ. Le résultat apparaît aussitôt dans le second ; vous pouvez donc le voir changer à mesure que vous tapez.

Vérifiez le nom

Assurez-vous qu'il se lit naturellement et qu'il n'est pas trop long. Les adresses de plus d'une soixantaine de caractères sont tronquées dans les résultats de recherche. Un bon slug est court et dit ce qu'est la page.

Copiez-le

Appuyez sur le bouton de copie et collez le résultat là où vous en avez besoin. Pour d'autres formes de la même ligne, voir plus bas.

La même ligne dans les sept écritures

Un tableau des formes

Sous le convertisseur, un tableau montre la ligne d'exemple dans les sept formes que propose le site : majuscules, minuscules, Title Case, snake_case, kebab-case, camelCase et un slug d'URL. C'est un moyen rapide de voir à quoi ressemblent les mêmes mots dans chacune.

D'où viennent ces formes

Deux alphabets

Les majuscules et les minuscules furent jadis deux alphabets différents. Les majuscules sont romaines, taillées dans la pierre au ciseau ; les minuscules descendent de la minuscule caroline, façonnée par une plume courant vite sur le parchemin. Les imprimeurs gardaient les deux dans des casses séparées, le haut de casse et le bas de casse, et les noms sont restés longtemps après la disparition des casses.

Des noms sans espaces

Les formes de programmation sont beaucoup plus jeunes et ont été inventées pour résoudre un problème : un nom ne peut pas contenir d'espace. Le snake_case est venu du C des débuts, le camelCase de Smalltalk, le kebab-case de Lisp, et le slug d'URL du besoin de mettre un titre humain dans une adresse où les espaces et les accents ne sont pas permis.

Des noms qui marchent bien en pratique

Courts et descriptifs

Un bon nom en kebab-case dit ce qu'est la chose en aussi peu de mots que possible. contact-us vaut mieux que please-get-in-touch-with-our-team. Quand vous convertissez un texte en kebab-case, raccourcissez d'abord l'expression.

Stables dans le temps

Les noms dans les adresses sont des promesses : d'autres sites y renvoient. Choisissez des noms qui resteront vrais après une refonte, et évitez les dates et les numéros de version, sauf s'ils sont le sujet.

Cohérents dans tout un projet

Si chaque adresse de page, chaque nom de classe et chaque nom de fichier suivent la même règle, un nouveau venu peut deviner correctement les noms. Quand vous convertissez un texte en kebab-case pour une nouvelle page, regardez une page voisine pour y repérer le modèle.

Sans mots vides, si vous le souhaitez

Certains retirent des adresses des mots comme le, la et de pour les garder courtes. C'est affaire de goût : l'adresse plus courte est plus nette, la plus complète se lit mieux à voix haute.

Le kebab-case dans un vrai projet

Nommer les classes CSS

Les noms de composants dans une feuille de style se lisent mieux comme de courtes expressions à traits d'union : card, card-title, card-footer. Des méthodologies comme BEM ajoutent des doubles traits d'union et des tirets bas pour les variantes, mais la base de chaque classe reste un nom en minuscules à traits d'union. Quand vous convertissez un texte en kebab-case pour une classe, vous donnez au développeur suivant un nom qu'il peut deviner.

Nommer les fichiers et dossiers d'un site

La structure d'un site reflète souvent ses adresses, avec un fichier nommé what-to-plant-in-april.html ou un dossier nommé garden-guides. Des noms à traits d'union cohérents rendent la structure facile à parcourir, facile à lier et facile à déplacer d'un système à l'autre. Si une page a besoin d'un fichier de données, Convertir un CSV en JSON et les autres convertisseurs du site peuvent le préparer, et la même règle de nommage s'applique au résultat.

Nommer les branches et les étiquettes dans le contrôle de version

Les équipes qui utilisent des branches pour chaque tâche les nomment fix-login-redirect ou add-search-filter. Un nom de branche est lu dans des listes, dans des demandes de fusion et dans la messagerie, et une courte expression à traits d'union se parcourt facilement. Beaucoup d'équipes ajoutent en préfixe un type et une barre oblique : feature/add-search-filter. Pour fabriquer la partie après la barre oblique, convertissez en kebab-case le texte du titre de la tâche.

Nommer les attributs et les propriétés personnalisées

Les propriétés personnalisées en CSS, comme --space-large et --brand-primary, sont par convention en kebab-case, de même que les attributs de données HTML. Si vous travaillez aussi avec des couleurs, Convertir HEX en RGB peut être nécessaire pour les valeurs qui se trouvent derrière de tels noms.

Garder la trace des anciens et des nouveaux noms

Quand vous renommez un lot de fichiers ou de classes, gardez une liste à deux colonnes des anciens et des nouveaux noms. Elle aide pour la recherche et le remplacement, pour les redirections et pour expliquer à un collègue ce qui s'est passé. Un convertisseur rend les nouveaux noms cohérents ; la liste rend le changement vérifiable.

Faire des adresses qui durent

Pensez d'abord au lecteur

Une adresse est lue par des gens avant d'être lue par des machines. Une adresse courte et claire dit au visiteur où le lien le mènera et l'encourage à cliquer. Quand vous convertissez un texte en kebab-case pour un slug, imaginez-le collé dans un message sans autre explication, et demandez-vous s'il a du sens.

Ne répétez pas la rubrique

Si l'adresse comporte déjà un dossier nommé recipes, la page n'a pas besoin de s'appeler best-recipes-for-summer. Un nom comme summer-salads suffit, et l'adresse se lit recipes/summer-salads sans écho.

Pièges quand vous convertissez un texte en kebab-case

L'utiliser là où un trait d'union signifie moins

Dans la plupart des langages de programmation, un trait d'union dans un nom est une soustraction. N'utilisez pas le kebab-case pour des variables dans de tels langages.

Oublier que le nom existe peut-être déjà

Deux pages ayant le même slug entrent en conflit. Vérifiez votre site ou votre projet avant de publier.

Modifier une adresse publiée

Une fois une adresse publique, la changer casse les liens. Si vous devez le faire, mettez en place une redirection depuis l'ancienne.

Noms très longs

Les longues adresses sont peu commodes à partager et sont abrégées dans les résultats de recherche. Raccourcissez l'expression avant de convertir.

Questions que l'on se pose avant de convertir

Que devient la ponctuation ?

Elle est traitée comme une limite entre les mots et n'est pas reportée.

Les nombres sont-ils conservés ?

Oui, comme des mots à part, séparés par des traits d'union.

Gère-t-elle une entrée en camelCase ?

Oui. Une majuscule à l'intérieur d'un mot marque une coupe ; fooBar devient donc foo-bar.

Puis-je l'utiliser pour d'autres langues ?

Oui, avec les règles de la langue de la page. Les écritures sans espaces, comme le chinois et le japonais, reviennent comme un seul mot.

Mon texte est-il envoyé ?

Non. Ce que vous tapez ici n'est jamais envoyé nulle part ; un brouillon, un mot de passe ou le nom d'un client est donc aussi en sécurité ici que dans un éditeur de texte.

Comment obtenir des tirets bas à la place ?

Avec Convertir le texte en snake_case.

Un exemple détaillé

Supposons que vous ajoutiez une nouvelle rubrique à un site web et que la rédaction vous ait donné le titre Spring Garden: What To Plant In April (and Why). Vous le collez et lisez spring-garden-what-to-plant-in-april-and-why. Il est long ; vous raccourcissez donc le titre en What to Plant in April et reconvertissez : what-to-plant-in-april. Vous l'utilisez comme nom de fichier et comme adresse, et les mêmes mots, sous la même forme, comme classe du titre dans la feuille de style. Trois endroits, un nom, écrit une seule fois.

Une courte liste de contrôle

Avant de convertir

Raccourcissez l'expression à ce que le nom doit dire. Vérifiez qu'aucun nom existant ne correspond.

Pendant la conversion

Collez l'expression, lisez le résultat et assurez-vous qu'il est naturel et raisonnablement court.

Après la conversion

Utilisez le même nom partout où il s'applique, et mettez une redirection en place si vous changez un jour une adresse publiée.

Erreurs courantes

Utiliser le kebab-case pour des noms de variables

Un trait d'union signifie moins dans la plupart des langages.

Faire des noms trop longs

Les noms courts sont plus faciles à partager et à retenir.

Modifier des adresses publiées

Cela casse les liens. Redirigez si vous devez le faire.

Votre texte reste sur votre appareil

La conversion se fait en local. Votre texte est traité par votre propre navigateur et rien n'est envoyé nulle part. Il n'y a rien à supprimer ensuite et aucun compte à créer. C'est la manière simple de convertir un texte en kebab-case.

Résumé

Pour convertir un texte en kebab-case ici, collez une ligne et relisez-la avec les mots découpés, mis en minuscules et joints par des traits d'union. Une ligne déjà écrite en camelCase est coupée là aussi : fooBar devient donc foo-bar. La page ne conserve pas la ponctuation : virgules, points et tirets sont des limites entre les mots, non des caractères à reporter, ce que vous voulez pour une classe CSS ou un nom de fichier et non pour de la prose. Découper en mots demande des limites ; le chinois et le japonais, écrits sans espaces, reviennent donc comme un seul mot. Le passage en minuscules suit la langue de la page. Le web préfère les traits d'union parce que les moteurs de recherche les lisent comme des espaces. Rien n'est envoyé.