Qu'est-ce que le kebab-case ?
Le kebab-case est une convention de nommage où les mots sont en minuscules et séparés par des tirets. Exemple : 'get-user-name'. On l'appelle kebab-case car les tirets ressemblent à une brochette traversant les mots. C'est la norme en CSS, URLs, attributs data HTML et arguments CLI.
Comment convertir camelCase en kebab-case ?
Collez votre texte en camelCase (par exemple 'getUserName') et l'outil le découpe aux limites des majuscules, met tout en minuscules et joint avec des tirets pour produire 'get-user-name'.
Quand utiliser le kebab-case ?
Utilisez le kebab-case pour : les noms de classes CSS (.user-profile), les slugs URL (/blog/mon-premier-article), les attributs data HTML (data-user-id), les flags CLI (--output-dir), les noms de packages npm et les noms de branches Git.
Quelle est la différence entre kebab-case et snake_case ?
Les deux séparent les mots en minuscules, mais le kebab-case utilise des tirets (get-user-name) tandis que le snake_case utilise des underscores (get_user_name). Le kebab-case est standard en CSS et URLs ; le snake_case est standard en Python et SQL.
Pourquoi le kebab-case ne peut-il pas être utilisé pour les noms de variables dans la plupart des langages ?
La plupart des langages de programmation interprètent le tiret comme un opérateur moins, donc 'get-user-name' serait analysé comme 'get moins user moins name'. C'est pourquoi le kebab-case est utilisé en CSS, HTML, URLs et fichiers de config — mais pas dans les noms de variables JavaScript, Python ou Java.
Le kebab-case est-il meilleur pour le SEO que le snake_case dans les URLs ?
Oui. Google traite les tirets comme des séparateurs de mots mais considère les underscores comme des connecteurs de mots. Donc 'mon-article' est lu comme deux mots séparés, tandis que 'mon_article' est traité comme un seul mot. Utilisez toujours le kebab-case pour les URLs.
Comment nommer mes classes CSS en BEM avec kebab-case ?
La méthodologie BEM utilise le kebab-case : bloc__element--modifier. Par exemple : 'card__title--highlighted'. Collez n'importe quel texte dans l'outil pour obtenir la version kebab-case, puis ajoutez les délimiteurs BEM manuellement.