Convertir texto a kebab-case dash-case Gratis En línea Seguro
Pegue una línea y léala en kebab-case. Todo ocurre en su navegador —nada de lo que escriba se envía a ninguna parte— y las reglas siguen el idioma de esta página, no el inglés.
Escríbalo de otra forma
No se sube nada
La misma línea en las siete escrituras
| Escritura | La misma línea, escrita así |
|---|---|
| mayúsculas | CRÈME BRÛLÉE PARA 2 — STRASSE 17, FOOBAR |
| minúsculas | crème brûlée para 2 — straße 17, foobar |
| Title Case | Crème Brûlée Para 2 — Straße 17, Foobar |
| snake_case | crème_brûlée_para_2_straße_17_foo_bar |
| kebab-case | crème-brûlée-para-2-straße-17-foo-bar |
| camelCase | crèmeBrûléePara2Straße17FooBar |
| una dirección de URL | creme-brulee-para-2-strasse-17-foobar |
De dónde vienen estas formas
Las mayúsculas y las minúsculas fueron alguna vez dos alfabetos distintos. Las capitales son romanas, talladas en piedra con cincel; las minúsculas descienden de la minúscula carolina, moldeada por una pluma que corría veloz sobre el pergamino. Los impresores las guardaban en cajas separadas —la alta y la baja— y los nombres se quedaron mucho después de que las cajas desaparecieran. Las formas de la programación son mucho más jóvenes y se inventaron para resolver un solo problema: un nombre no puede llevar espacios. snake_case salió de los primeros tiempos de C, camelCase de Smalltalk, kebab-case de Lisp, y el slug de la necesidad de meter un título humano en una dirección donde no se admiten espacios ni tildes.
Dónde se las encuentra
La mayúscula en cada palabra pertenece a titulares y cubiertas de libros; la mayúscula de frase a casi todo lo demás y cada vez más a las interfaces, porque se lee más rápido. snake_case nombra columnas de base de datos y variables de Python; camelCase nombra variables de JavaScript y métodos de Java; kebab-case nombra clases CSS y nombres de archivo en proyectos web. El slug es lo que convierte el titular de un artículo en la última parte de su dirección, y es la única conversión de aquí que leen los buscadores.
Preguntas frecuentes
¿Por qué pasar a mayúsculas cambia a veces el número de letras?
Porque la caja es una propiedad de la lengua, no del carácter. La ß alemana se vuelve SS en mayúsculas: una letra se convierte en dos. El turco tiene una i con punto y otra sin él, y la mayúscula de i es İ, no I; equivocarse ahí convierte una palabra turca en otra distinta. Las conversiones de aquí siguen las reglas del idioma de la página, por lo que una misma entrada puede dar un resultado distinto en la página turca que en la inglesa.
¿Por qué el slug quita tildes y puntuación?
Porque una dirección ha de sobrevivir a ser copiada en un mensaje, impresa en papel y vuelta a teclear a mano. Las letras con tilde son lícitas en una URL moderna, pero se codifican con porcentajes al copiarse, y una dirección legible se convierte en una ristra de símbolos. Reducirlas a letras simples, dígitos y guiones mantiene la dirección legible, compartible e idéntica dondequiera que aparezca.
¿El resultado es exacto?
Donde ambas unidades se definen una por otra con números enteros, sí: la página lo dice encima de la cifra, y el único redondeo está en cuántos dígitos se muestran. Donde la razón no tiene decimal finito, la página muestra doce cifras significativas y califica la relación de aproximada en vez de fingir otra cosa.
¿Algo de lo que escribo sale de mi dispositivo?
No. La aritmética se hace en su navegador; no se sube nada, y tampoco hay servidor que lo reciba. Cargada una vez, la página sigue funcionando con la red apagada.
Por qué convertir texto a kebab-case
Mire la barra de direcciones de casi cualquier sitio web bien cuidado y encontrará palabras unidas por guiones: how-to-repot-a-fern, annual-report-2026, contact-us. Mire dentro de una hoja de estilos y los nombres de clase hacen lo mismo: main-menu, card-title, button-primary. Mire las opciones de las herramientas de línea de comandos y encontrará --dry-run y --no-cache. Esto es kebab-case, las palabras en minúscula y ensartadas en un guion como la carne en un pincho, y es la forma que adoptó la web para los nombres que la gente puede ver. Convertir texto a kebab-case es tomar una frase tal como la diría y convertirla en un nombre que sirva en una dirección, una clase, una rama o un archivo.
Pegue una línea y léala de vuelta en kebab-case. La conversión ocurre en su navegador, nada de lo que escribe se envía a ninguna parte, y las reglas siguen el idioma de esta página y no el inglés. Corta la línea en palabras, las pone en minúscula y las une con guiones. Una línea ya escrita en camelCase se corta también ahí, de modo que fooBar pasa a ser foo-bar. A continuación encontrará qué hace exactamente la página y qué no hace, cómo trata las letras difíciles de distintos idiomas, por qué la web prefiere los guiones a los guiones bajos, dónde kebab-case es la convención y las trampas que atrapan a quienes convierten texto a kebab-case con prisa.
Qué hace la conversión
Cortar, minúsculas, unir
La página corta primero la línea en palabras, pone cada una en minúscula y las une con guiones. La línea Crème brûlée for 2 — straße 17, fooBar vuelve como crème-brûlée-for-2-straße-17-foo-bar. Los acentos se conservan, los números quedan como palabras propias, el guion y la coma desaparecen, y fooBar se corta en dos en la mayúscula.
Dónde caen los cortes
Un límite de palabra es un espacio, un signo de puntuación, un guion, un símbolo o el paso de una minúscula a una mayúscula dentro de una palabra. Así, Main Menu, mainMenu, main_menu y main--menu se convierten todas en main-menu. La conversión acepta casi cualquier punto de partida y llega siempre a la misma forma, y eso es lo que la hace un último paso seguro antes de que un nombre pase a una hoja de estilos o a una dirección.
Sin guiones sueltos
Los separadores repetidos se comprimen en uno, y no queda ningún guion al principio ni al final. Una frase desordenada como ...Hello, World!! sale como hello-world, sin nada colgando de los extremos.
Qué no hace la conversión
No conserva la puntuación
Las comas, los puntos y los guiones son límites entre palabras, no caracteres que trasladar. Eso es lo que se quiere para una clase CSS o un nombre de archivo, y no lo que se quiere para la prosa. Una frase pasada por la página vuelve como un nombre, y la puntuación original desaparece.
No quita los acentos
La línea conserva sus letras acentuadas: crème-brûlée. Los navegadores y servidores modernos las aceptan en nombres y direcciones, pero las herramientas más antiguas pueden no hacerlo, y una dirección con acentos se escapa a códigos de porcentaje cuando se copia. Si necesita letras simples, la página de slug de URL quita también las marcas de las letras latinas.
No comprueba que el nombre esté libre
Dos frases distintas pueden producir el mismo nombre, y la página no sabe si un nombre ya se usa en su sitio o en su proyecto. Compruebe si hay choques antes de publicar.
El idioma importa
Escrituras sin espacios
Cortar en palabras necesita límites. El chino y el japonés se escriben sin espacios, así que una línea en esas escrituras vuelve como una sola palabra. La página prefiere decirlo a cortar en un lugar que adivinó.
El turco y la i con punto
Pasar a minúsculas sigue las reglas del idioma de la página. En turco la forma minúscula de I es ı, sin punto, y la forma minúscula de İ es i. Un conversor que aplique reglas inglesas cambia las palabras. Esta página sigue el idioma en que está escrita.
El alemán y la ese aguda
La ß alemana ya es minúscula y se queda: straße-17. STRASSE en mayúsculas vuelve como strasse, porque la forma en mayúsculas no recuerda si procedía de ß o de dos letras.
Escrituras de derecha a izquierda e índicas
El árabe, el hebreo y las escrituras indias tienen espacios entre las palabras y no tienen mayúsculas ni minúsculas. La página une sus palabras con guiones y deja las letras tranquilas.
Por qué la web prefiere los guiones
Los buscadores leen los guiones como espacios
Los buscadores tratan un guion en una dirección como un separador entre palabras, así que how-to-repot-a-fern se entiende como cinco palabras. Un guion bajo, en cambio, se lee en general como un unificador, y how_to_repot_a_fern puede leerse como una sola palabra larga. Para las direcciones que la gente busca, los guiones son la mejor elección, y esa costumbre se ha extendido a toda la web.
Legibilidad
Un guion bajo puede desaparecer cuando un enlace está subrayado, ya que la línea se sitúa exactamente donde está el guion bajo. Un guion sigue visible. Es un detalle pequeño, pero explica por qué la forma se impuso en las direcciones.
Insensibilidad a mayúsculas
Las direcciones son más seguras en minúsculas, ya que partes de ellas pueden distinguir mayúsculas de minúsculas en algunos servidores. kebab-case está en minúsculas por definición, lo que elimina una familia de errores.
Dónde kebab-case es la convención
Direcciones web
La última parte de la dirección de una página, el slug, está casi siempre en kebab-case. Para direcciones que además deban estar libres de acentos, use la página de slug de URL.
CSS y HTML
Las propiedades CSS están en kebab-case (background-color, font-size), y también la mayoría de los nombres de clase y de las propiedades personalizadas (--brand-color). Los atributos HTML como data-user-id siguen el mismo estilo. Cuando inventa un nombre de clase para un componente, kebab-case es lo que espera un lector de su hoja de estilos. Si un componente se dibuja también con tamaños, px a rem ayuda con las longitudes.
Nombres de archivos y carpetas
Las palabras en minúscula unidas por guiones son un nombre de archivo seguro en todos los sistemas, y por eso los generadores de sitios estáticos y muchos marcos de trabajo los usan para las páginas y los recursos.
Opciones de línea de comandos y nombres de paquetes
Las opciones como --dry-run, los nombres de paquetes en registros como npm y las ramas de Git como feature/login-form siguen todos kebab-case. Es probable que las herramientas que usa acepten una frase convertida a esta forma.
Lisp y sus primos
La forma vino de Lisp, donde los guiones se permiten en los nombres porque el lenguaje no los necesita como signos de resta sin espacios alrededor. El nombre kebab-case es una broma sobre el pincho, y se quedó.
Dónde no es la convención
Python, Ruby y las bases de datos
Estos prefieren los guiones bajos, ya que un guion se leería como un signo menos. Para ellos, use snake_case.
Variables de JavaScript y Java
Un guion en el nombre de una variable es una resta. Estos lenguajes usan camelCase. Kebab-case puede seguir apareciendo en sus valores de cadena, nombres de archivo y CSS.
Prosa y títulos
kebab-case es para nombres. Los títulos y las frases deben conservar sus espacios y sus mayúsculas. Para un encabezado, considere Title Case.
Cómo convertir texto a kebab-case aquí
Pegue o escriba su texto
Introduzca la frase en el primer campo. El resultado aparece al instante en el segundo, así que puede verlo cambiar a medida que escribe.
Compruebe el nombre
Asegúrese de que se lee con naturalidad y no es demasiado largo. Las direcciones de más de unos sesenta caracteres se cortan en los resultados de búsqueda. Un buen slug es corto y dice qué es la página.
Cópielo
Pulse el botón de copiar y pegue el resultado donde lo necesite. Para otras formas de la misma línea, vea más abajo.
La misma línea en las siete escrituras
Una tabla de formas
Bajo el conversor, una tabla muestra la línea de ejemplo en las siete formas que ofrece el sitio: mayúsculas, minúsculas, Title Case, snake_case, kebab-case, camelCase y un slug de URL. Es una manera rápida de ver cómo se ven las mismas palabras en cada una.
De dónde vienen estas formas
Dos alfabetos
Las mayúsculas y las minúsculas fueron antes dos alfabetos distintos. Las mayúsculas son romanas, cortadas en piedra con un cincel; las minúsculas descienden de la minúscula carolingia, moldeada por una pluma que se mueve rápido sobre el pergamino. Los impresores guardaban las dos en cajas separadas, la caja alta y la caja baja, y los nombres se quedaron mucho después de que las cajas desaparecieran.
Nombres sin espacios
Las formas de programación son mucho más jóvenes y se inventaron para resolver un problema: un nombre no puede contener un espacio. snake_case salió del C primitivo, camelCase de Smalltalk, kebab-case de Lisp, y el slug de URL de la necesidad de poner un título humano en una dirección donde no se permiten espacios ni acentos.
Nombres que funcionan bien en la práctica
Cortos y descriptivos
Un buen nombre en kebab-case dice qué es la cosa en el menor número de palabras posible. contact-us es mejor que please-get-in-touch-with-our-team. Cuando convierta texto a kebab-case, recorte primero la frase.
Estables con el tiempo
Los nombres en las direcciones son promesas: otros sitios enlazan a ellos. Elija nombres que sigan siendo ciertos después de un rediseño, y evite las fechas y los números de versión salvo que sean la clave.
Coherentes en todo un proyecto
Si toda dirección de página, nombre de clase y nombre de archivo sigue la misma regla, un recién llegado puede adivinar los nombres correctamente. Cuando convierta texto a kebab-case para una página nueva, mire en una vecina el patrón.
Sin palabras vacías, si lo desea
Algunas personas suprimen de las direcciones palabras como the, a y of para mantenerlas cortas. Es cuestión de gusto: la dirección más corta es más ordenada, la más completa se lee mejor en voz alta.
Kebab-case en un proyecto real
Nombrar clases CSS
Los nombres de componentes en una hoja de estilos se leen mejor como frases cortas con guiones: card, card-title, card-footer. Metodologías como BEM añaden guiones dobles y guiones bajos para las variaciones, pero la base de toda clase sigue siendo un nombre en minúsculas con guiones. Cuando convierte texto a kebab-case para una clase, está dando al siguiente desarrollador un nombre que puede adivinar.
Nombrar archivos y carpetas de un sitio
La estructura de un sitio suele reflejar sus direcciones, con un archivo llamado what-to-plant-in-april.html o una carpeta llamada garden-guides. Los nombres coherentes con guiones hacen que la estructura sea fácil de recorrer, fácil de enlazar y fácil de trasladar entre sistemas. Si una página necesita un archivo de datos, CSV a JSON y los demás conversores del sitio pueden prepararlo, y se aplica al resultado la misma regla de nombres.
Nombrar ramas y etiquetas en el control de versiones
Los equipos que usan ramas para cada pieza de trabajo las nombran fix-login-redirect o add-search-filter. El nombre de una rama se lee en listas, en solicitudes de cambios y en el chat, y una frase corta con guiones es fácil de recorrer con la vista. Muchos equipos añaden un prefijo con un tipo y una barra: feature/add-search-filter. Para hacer la parte posterior a la barra, convierta texto a kebab-case a partir del título de la tarea.
Nombrar atributos y propiedades personalizadas
Las propiedades personalizadas de CSS, como --space-large y --brand-primary, están por convención en kebab-case, y también los atributos de datos de HTML. Si trabaja también con colores, puede hacer falta la notación HEX a RGB para los valores que hay detrás de esos nombres.
Llevar un registro de nombres antiguos y nuevos
Cuando renombre un lote de archivos o clases, conserve una lista de dos columnas con los nombres antiguos y los nuevos. Ayuda con la búsqueda y sustitución, con las redirecciones y con explicar a un colega qué ocurrió. Un conversor hace coherentes los nombres nuevos; la lista hace auditable el cambio.
Hacer direcciones que duren
Piense primero en el lector
Una dirección la leen las personas antes que las máquinas. Una corta y clara dice al visitante adónde le llevará el enlace y le anima a hacer clic. Cuando convierta texto a kebab-case para un slug, imagínelo pegado en un mensaje sin ninguna otra explicación, y pregúntese si tiene sentido.
No repita la sección
Si la dirección ya tiene una carpeta llamada recipes, la página no necesita llamarse best-recipes-for-summer. Un nombre como summer-salads basta, y la dirección se lee recipes/summer-salads sin eco.
Trampas al convertir texto a kebab-case
Usarlo donde un guion significa menos
En la mayoría de los lenguajes de programación, un guion dentro de un nombre es una resta. No use kebab-case para variables en tales lenguajes.
Olvidar que el nombre puede existir
Dos páginas con el mismo slug chocan. Compruebe su sitio o su proyecto antes de publicar.
Cambiar una dirección publicada
Una vez que una dirección es pública, cambiarla rompe enlaces. Si debe hacerlo, configure una redirección desde la antigua.
Nombres muy largos
Las direcciones largas son incómodas de compartir y se acortan en los resultados de búsqueda. Recorte la frase antes de convertir.
Preguntas que la gente se hace antes de convertir
¿Qué ocurre con la puntuación?
Se trata como un límite entre palabras y no se traslada.
¿Se conservan los números?
Sí, como palabras propias, separadas por guiones.
¿Maneja una entrada en camelCase?
Sí. Una mayúscula dentro de una palabra marca un corte, así que fooBar pasa a ser foo-bar.
¿Puedo usarlo para otros idiomas?
Sí, con las reglas del idioma de la página. Las escrituras sin espacios, como el chino y el japonés, vuelven como una sola palabra.
¿Se sube mi texto?
No. Lo que escribe aquí nunca se envía a ninguna parte, así que un borrador, una contraseña o el nombre de un cliente están tan seguros aquí como en un editor de texto.
¿Cómo obtengo guiones bajos en su lugar?
Con convertir texto a snake_case.
Un ejemplo resuelto
Digamos que añade una nueva sección a un sitio web y el editor le ha dado el título Spring Garden: What To Plant In April (and Why). Lo pega y lee spring-garden-what-to-plant-in-april-and-why. Es largo, así que acorta el título a What to Plant in April y convierte de nuevo: what-to-plant-in-april. Lo usa como nombre de archivo y como dirección, y las mismas palabras, en la misma forma, como clase del encabezado en la hoja de estilos. Tres lugares, un nombre, escrito una vez.
Una breve lista de comprobación
Antes de convertir
Acorte la frase a lo que el nombre debe decir. Compruebe que ningún nombre existente coincida.
Mientras convierte
Pegue la frase, lea el resultado y asegúrese de que es natural y razonablemente corto.
Después de convertir
Use el mismo nombre en todos los lugares donde se aplique, y configure una redirección si alguna vez cambia una dirección publicada.
Errores comunes
Usar kebab-case para nombres de variables
Un guion significa menos en la mayoría de los lenguajes.
Hacer los nombres demasiado largos
Los nombres cortos son más fáciles de compartir y recordar.
Cambiar direcciones publicadas
Rompe enlaces. Redirija si tiene que hacerlo.
Su texto se queda en su dispositivo
La conversión se hace localmente. Su texto lo maneja su propio navegador y no se envía nada a ninguna parte. No hay nada que borrar después ni ninguna cuenta que crear. Esa es la manera sencilla de convertir texto a kebab-case.
Resumen
Para convertir texto a kebab-case aquí, pegue una línea y léala de vuelta con las palabras cortadas, en minúscula y unidas por guiones. Una línea ya escrita en camelCase se corta también ahí, de modo que fooBar pasa a ser foo-bar. La página no conserva la puntuación: las comas, los puntos y los guiones son límites entre palabras, no caracteres que trasladar, que es lo que se quiere para una clase CSS o un nombre de archivo y no para la prosa. Cortar en palabras necesita límites, de modo que el chino y el japonés, escritos sin espacios, vuelven como una sola palabra. Pasar a minúsculas sigue el idioma de la página. La web prefiere los guiones porque los buscadores los leen como espacios. No se sube nada.