Conversor a kebab-case
Convierte texto a kebab-case online. Crea slugs de URL, nombres de clases CSS y atributos HTML separados por guiones de forma limpia.
Ejemplo — escribe tu propio texto arriba para convertirlo.
Un conversor a kebab-case pone tu texto en minúsculas y une las palabras con guiones, generando cadenas como user-first-name. Es el formato estándar para slugs de URL, nombres de clases CSS y atributos HTML.
Ejemplos
| Antes | Después |
|---|---|
| How to Bake Bread | how-to-bake-bread |
| primaryButtonColor | primary-button-color |
| my_file_name | my-file-name |
Cuándo usar Conversor a kebab-case
El kebab-case —también llamado dash-case o spinal case— es lo que hace funcionar la web: los slugs de URL. Google trata el guion como separador de palabras y el guion bajo no, así que bake-bread se lee como dos palabras y bake_bread como una. El guion es la opción correcta para SEO. En CSS se usa en nombres de clases, propiedades personalizadas (--primary-color) y todas las propiedades integradas.
También aparece en atributos HTML, incluidos los data-*, que llevan guion por especificación, y en paquetes npm y banderas CLI (--long-option). El único sitio donde no cabe es un identificador de programación: la mayoría de lenguajes leen el guion como signo menos, así que user-name se interpreta como resta. Ahí usa snake_case o camelCase.
Preguntas frecuentes
¿Los slugs de URL deben usar guiones o guiones bajos?
Guiones. Google trata el guion como separador de palabras y el guion bajo como unión, así un slug con guiones permite que cada palabra posicione por separado.
¿kebab-case es lo mismo que dash-case o spinal case?
Sí, los tres nombres describen el mismo formato: palabras en minúsculas unidas por guiones.