Converter texto para kebab-case dash-case Grátis Online Seguro
Cole uma linha e veja-a em kebab-case. Tudo acontece no seu navegador — nada do que escrever é enviado para lugar nenhum — e as regras seguem a língua desta página, não o inglês.
Escreva de outra maneira
Nada é enviado
A mesma linha nas sete escritas
| Escrita | A mesma linha, escrita assim |
|---|---|
| maiú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 |
| um endereço de URL | creme-brulee-para-2-strasse-17-foobar |
De onde vêm estas formas
Maiúsculas e minúsculas foram outrora dois alfabetos diferentes. As capitais são romanas, talhadas na pedra a cinzel; as minúsculas descendem da minúscula carolíngia, moldada por uma pena que corria depressa sobre o pergaminho. Os impressores guardavam-nas em caixas separadas — a alta e a baixa — e os nomes ficaram muito depois de as caixas desaparecerem. As formas da programação são bem mais novas e foram inventadas para resolver um único problema: um nome não pode conter um espaço. snake_case saiu dos primeiros tempos do C, camelCase do Smalltalk, kebab-case do Lisp, e o slug da necessidade de pôr um título humano num endereço onde espaços e acentos não são admitidos.
Onde as encontra
A maiúscula em cada palavra pertence a títulos e capas de livros; a maiúscula de frase a quase tudo o resto e cada vez mais às interfaces, por se ler mais depressa. snake_case nomeia colunas de base de dados e variáveis de Python; camelCase nomeia variáveis de JavaScript e métodos de Java; kebab-case nomeia classes CSS e nomes de arquivo em projetos web. O slug é o que transforma o título de um artigo na última parte do seu endereço, e é a única conversão daqui que os motores de busca leem.
Perguntas frequentes
Por que passar a maiúsculas muda às vezes o número de letras?
Porque a caixa é uma propriedade da língua, não do carácter. O ß alemão torna-se SS em maiúsculas: uma letra passa a duas. O turco tem um i com ponto e outro sem, e a maiúscula de i é İ, não I — errar aí transforma uma palavra turca noutra. As conversões daqui seguem as regras da língua da página, razão pela qual a mesma entrada pode dar resultado diferente na página turca e na inglesa.
Por que o slug retira acentos e pontuação?
Porque um endereço tem de sobreviver a ser copiado para uma mensagem, impresso em papel e escrito de novo à mão. As letras acentuadas são lícitas num URL moderno, mas ficam codificadas com porcentagens ao serem copiadas, e um endereço legível torna-se uma fieira de símbolos. Reduzi-las a letras simples, algarismos e hifens mantém o endereço legível, partilhável e idêntico onde quer que apareça.
O resultado é exato?
Onde as duas unidades se definem uma pela outra com números inteiros, sim — a página informa isso acima do número, e o único arredondamento está em quantos dígitos se mostram. Onde a razão não tem decimal finita, a página mostra doze algarismos significativos e diz que a relação é aproximada, em vez de fingir o contrário.
Alguma coisa que escrevo sai do meu aparelho?
Não. A aritmética roda no seu navegador; nada é enviado, e nem sequer há servidor para o receber. Carregada uma vez, a página continua funcionando com a rede desligada.
Por que você converte texto em kebab-case
Olhe a barra de endereços de quase qualquer site bem cuidado e você encontrará palavras unidas por hífens: how-to-repot-a-fern, annual-report-2026, contact-us. Olhe dentro de uma folha de estilo e os nomes de classe fazem o mesmo: main-menu, card-title, button-primary. Olhe os parâmetros das ferramentas de linha de comando e você encontra --dry-run e --no-cache. Isso é o kebab-case, as palavras em minúsculas e enfiadas num hífen como a carne num espeto, e é a forma que a web adotou para nomes que as pessoas conseguem ver. Converter texto em kebab-case é pegar uma frase como você a diria e transformá-la num nome que funciona num endereço, numa classe, num ramo ou num arquivo.
Cole uma linha e leia-a de volta em kebab-case. A conversão acontece no seu navegador, nada do que você digita é enviado a lugar algum, e as regras seguem o idioma desta página e não o inglês. Ela corta a linha em palavras, passa-as para minúsculas e as junta com hífens. Uma linha já escrita em camelCase também é cortada ali, então fooBar vira foo-bar. Abaixo você encontra o que exatamente a página faz e não faz, como trata as letras difíceis de diferentes idiomas, por que a web prefere hífens a sublinhados, onde o kebab-case é a convenção e as armadilhas que pegam quem converte texto em kebab-case com pressa.
O que a conversão faz
Cortar, minúsculas, juntar
A página primeiro corta a linha em palavras, passa cada uma para minúsculas e as junta com hífens. A linha Crème brûlée for 2 — straße 17, fooBar volta como crème-brûlée-for-2-straße-17-foo-bar. Os acentos são mantidos, os números ficam como palavras próprias, o travessão e a vírgula somem, e fooBar é cortado em dois na maiúscula.
Onde caem os cortes
Um limite de palavra é um espaço, um sinal de pontuação, um hífen, um símbolo ou a passagem de uma letra minúscula para uma maiúscula dentro de uma palavra. Assim Main Menu, mainMenu, main_menu e main--menu viram todos main-menu. A conversão aceita quase qualquer ponto de partida e chega sempre à mesma forma, e é isso que a torna um último passo seguro antes de um nome entrar numa folha de estilo ou num endereço.
Sem hífens soltos
Os separadores repetidos são comprimidos em um só, e nenhum hífen fica no começo nem no fim. Uma frase bagunçada como ...Hello, World!! sai como hello-world, sem nada pendurado nas pontas.
O que a conversão não faz
Ela não mantém a pontuação
Vírgulas, pontos e hífens são limites entre palavras, não caracteres para carregar adiante. É o que você quer para uma classe CSS ou um nome de arquivo, e não o que quer para um texto corrido. Uma frase passada pela página volta como um nome, e a pontuação original some.
Ela não remove os acentos
A linha mantém as letras acentuadas: crème-brûlée. Navegadores e servidores modernos as aceitam em nomes e endereços, mas ferramentas mais antigas podem não aceitar, e um endereço com acentos é escapado em códigos de porcentagem quando copiado. Se você precisa de letras simples, a página de slug de URL também tira as marcas das letras latinas.
Ela não confere se o nome está livre
Duas frases diferentes podem produzir o mesmo nome, e a página não sabe se um nome já é usado no seu site ou no seu projeto. Confira se há conflitos antes de publicar.
O idioma importa
Escritas sem espaços
Cortar em palavras exige limites. O chinês e o japonês são escritos sem espaços, então uma linha nessas escritas volta como uma única palavra. A página prefere dizer isso a cortar num lugar que adivinhou.
O turco e o i com ponto
A passagem para minúsculas segue as regras do idioma da página. Em turco a forma minúscula de I é ı, sem ponto, e a forma minúscula de İ é i. Um conversor que aplica regras do inglês altera as palavras. Esta página segue o idioma em que está escrita.
O alemão e o s agudo
O ß alemão já é minúsculo e permanece: straße-17. A maiúscula STRASSE volta como strasse, porque a forma maiúscula não lembra se veio de ß ou de duas letras.
Escritas da direita para a esquerda e indianas
O árabe, o hebraico e as escritas indianas têm espaços entre as palavras e não têm caixa. A página junta as palavras deles com hífens e deixa as letras em paz.
Por que a web prefere hífens
Os buscadores leem hífens como espaços
Os buscadores tratam um hífen num endereço como separador entre palavras, então how-to-repot-a-fern é entendido como cinco palavras. Um sublinhado, ao contrário, em geral é lido como uma junção, e how_to_repot_a_fern pode ser lido como uma palavra longa. Para endereços que as pessoas buscam, os hífens são a melhor escolha, e esse hábito se espalhou pela web inteira.
Legibilidade
Um sublinhado pode desaparecer quando um link é sublinhado, já que a linha fica exatamente onde está o sublinhado. Um hífen continua visível. É um detalhe pequeno, mas explica por que a forma pegou nos endereços.
Indiferença a maiúsculas e minúsculas
Os endereços são mais seguros em minúsculas, já que partes deles podem diferenciar maiúsculas de minúsculas em alguns servidores. O kebab-case é minúsculo por definição, o que elimina uma família de erros.
Onde o kebab-case é a convenção
Endereços da web
A última parte do endereço de uma página, o slug, quase sempre está em kebab-case. Para endereços que também precisam estar livres de acentos, use a página de slug de URL.
CSS e HTML
As propriedades CSS estão em kebab-case (background-color, font-size), e a maioria dos nomes de classe e propriedades personalizadas também (--brand-color). Os atributos HTML como data-user-id seguem o mesmo estilo. Quando você inventa um nome de classe para um componente, o kebab-case é o que um leitor da sua folha de estilo espera. Se um componente também é desenhado com tamanhos, px para rem ajuda com os comprimentos.
Nomes de arquivos e pastas
Palavras em minúsculas unidas por hífens são um nome de arquivo seguro em todo sistema, e é por isso que os geradores de sites estáticos e muitos frameworks as usam para páginas e recursos.
Opções de linha de comando e nomes de pacotes
Parâmetros como --dry-run, nomes de pacotes em registros como o npm e ramos do Git como feature/login-form seguem todos o kebab-case. Uma frase transformada nessa forma tem boa chance de ser aceita pelas ferramentas que você usa.
Lisp e seus primos
A forma veio do Lisp, onde os hífens são permitidos em nomes porque a linguagem não tem uso para eles como sinais de subtração sem espaços ao redor. O nome kebab-case é uma piada com o espeto, e pegou.
Onde não é a convenção
Python, Ruby e bancos de dados
Esses preferem sublinhados, já que um hífen seria lido como menos. Para eles, use snake_case.
Variáveis JavaScript e Java
Um hífen no nome de uma variável é uma subtração. Essas linguagens usam camelCase. O kebab-case ainda pode aparecer nos valores de texto, nomes de arquivo e CSS delas.
Prosa e títulos
O kebab-case é para nomes. Títulos e frases devem manter os espaços e as maiúsculas. Para um cabeçalho, considere Title Case.
Como converter texto em kebab-case aqui
Cole ou digite o seu texto
Digite a frase no primeiro campo. O resultado aparece na hora no segundo, então você pode vê-lo mudar enquanto digita.
Confira o nome
Garanta que se leia com naturalidade e que não seja longo demais. Endereços de mais de uns sessenta caracteres são cortados nos resultados de busca. Um bom slug é curto e diz o que a página é.
Copie
Pressione o botão de copiar e cole o resultado onde precisar. Para outras formas da mesma linha, veja abaixo.
A mesma linha nas sete escritas
Uma tabela de formas
Abaixo do conversor, uma tabela mostra a linha de exemplo nas sete formas que o site oferece: maiúsculas, minúsculas, Title Case, snake_case, kebab-case, camelCase e um slug de URL. É um jeito rápido de ver como as mesmas palavras ficam em cada uma.
De onde vêm essas formas
Dois alfabetos
As letras maiúsculas e minúsculas já foram dois alfabetos diferentes. As maiúsculas são romanas, cortadas na pedra com um cinzel; as minúsculas descendem da minúscula carolíngia, moldada por uma pena que se movia depressa sobre o pergaminho. Os tipógrafos guardavam as duas em gavetas separadas, a caixa alta e a caixa baixa, e os nomes pegaram muito depois de as gavetas terem sumido.
Nomes sem espaços
As formas da programação são bem mais jovens e foram inventadas para resolver um problema: um nome não pode conter espaço. O snake_case saiu do C antigo, o camelCase do Smalltalk, o kebab-case do Lisp e o slug de URL da necessidade de pôr um título humano num endereço onde espaços e acentos não são permitidos.
Nomes que funcionam bem na prática
Curtos e descritivos
Um bom nome em kebab-case diz o que a coisa é no menor número possível de palavras. contact-us é melhor que please-get-in-touch-with-our-team. Quando você converte texto em kebab-case, enxugue a frase primeiro.
Estáveis com o tempo
Os nomes em endereços são promessas: outros sites apontam para eles. Escolha nomes que continuarão verdadeiros depois de uma reformulação do site e evite datas e números de versão, a menos que sejam o ponto.
Consistentes num projeto
Se todo endereço de página, nome de classe e nome de arquivo segue a mesma regra, um recém-chegado consegue adivinhar os nomes corretamente. Quando você converte texto em kebab-case para uma página nova, confira um vizinho para ver o padrão.
Sem palavras vazias, se quiser
Algumas pessoas tiram palavras como the, a e of dos endereços para mantê-los curtos. É questão de gosto: o endereço mais curto é mais arrumado, o mais completo se lê melhor em voz alta.
Kebab-case num projeto real
Nomeando classes CSS
Os nomes de componentes numa folha de estilo se leem melhor como frases curtas com hífens: card, card-title, card-footer. Metodologias como a BEM acrescentam hífens duplos e sublinhados para variações, mas a base de toda classe ainda é um nome em minúsculas com hífens. Quando você converte texto em kebab-case para uma classe, está dando ao próximo desenvolvedor um nome que ele consegue adivinhar.
Nomeando arquivos e pastas de um site
A estrutura de um site muitas vezes espelha os seus endereços, com um arquivo chamado what-to-plant-in-april.html ou uma pasta chamada garden-guides. Nomes consistentes com hífens tornam a estrutura fácil de percorrer, fácil de vincular e fácil de mover entre sistemas. Se uma página precisa de um arquivo de dados, CSV para JSON e os outros conversores do site podem prepará-lo, e a mesma regra de nomes vale para o resultado.
Nomeando ramos e marcas no controle de versão
As equipes que usam ramos para cada pedaço de trabalho os nomeiam fix-login-redirect ou add-search-filter. Um nome de ramo é lido em listas, em pull requests e no chat, e uma frase curta com hífens é fácil de percorrer com o olhar. Muitas equipes põem um prefixo com um tipo e uma barra: feature/add-search-filter. Para fazer a parte depois da barra, converta texto em kebab-case a partir do título da tarefa.
Nomeando atributos e propriedades personalizadas
As propriedades personalizadas do CSS, como --space-large e --brand-primary, estão por convenção em kebab-case, e os atributos de dados do HTML também. Se você também trabalha com cores, a notação de HEX para RGB pode ser necessária para os valores que ficam por trás desses nomes.
Guardando um registro de nomes antigos e novos
Quando você renomeia um lote de arquivos ou classes, guarde uma lista de duas colunas com os nomes antigos e novos. Ela ajuda na busca e substituição, nos redirecionamentos e em explicar a um colega o que aconteceu. Um conversor torna os novos nomes consistentes; a lista torna a mudança auditável.
Fazendo endereços que duram
Pense primeiro no leitor
Um endereço é lido por pessoas antes de ser lido por máquinas. Um endereço curto e claro diz ao visitante aonde o link o levará e o incentiva a clicar. Quando você converte texto em kebab-case para um slug, imagine-o colado numa mensagem sem nenhuma outra explicação e pergunte se faz sentido.
Não repita a seção
Se o endereço já tem uma pasta chamada recipes, a página não precisa se chamar best-recipes-for-summer. Um nome como summer-salads basta, e o endereço se lê recipes/summer-salads sem eco.
Armadilhas ao converter texto em kebab-case
Usá-lo onde o hífen significa menos
Na maioria das linguagens de programação, um hífen dentro de um nome é uma subtração. Não use kebab-case para variáveis em tais linguagens.
Esquecer que o nome pode já existir
Duas páginas com o mesmo slug entram em conflito. Confira o seu site ou o seu projeto antes de publicar.
Mudar um endereço publicado
Quando um endereço é público, mudá-lo quebra links. Se precisar, configure um redirecionamento do antigo.
Nomes muito longos
Endereços longos são incômodos de compartilhar e são encurtados nos resultados de busca. Enxugue a frase antes de converter.
Perguntas que as pessoas fazem antes de converter
O que acontece com a pontuação?
É tratada como um limite entre palavras e não é levada adiante.
Os números são mantidos?
Sim, como palavras próprias, separadas por hífens.
Ela lida com entradas em camelCase?
Sim. Uma maiúscula dentro de uma palavra marca um corte, então fooBar vira foo-bar.
Posso usá-la para outros idiomas?
Sim, com as regras do idioma da página. As escritas sem espaços, como o chinês e o japonês, voltam como uma única palavra.
O meu texto é enviado?
Não. O que você digita aqui nunca é enviado a lugar algum, então um rascunho, uma senha ou o nome de um cliente estão tão seguros aqui quanto num editor de texto.
Como obtenho sublinhados em vez disso?
Com converter texto em snake_case.
Um exemplo prático
Digamos que você está acrescentando uma nova seção a um site e o editor lhe deu o título Spring Garden: What To Plant In April (and Why). Você cola e lê spring-garden-what-to-plant-in-april-and-why. É longo, então você encurta o título para What to Plant in April e converte de novo: what-to-plant-in-april. Você o usa como nome de arquivo e como endereço, e as mesmas palavras, na mesma forma, como a classe do cabeçalho na folha de estilo. Três lugares, um nome, escrito uma vez.
Uma lista de conferência curta
Antes de converter
Encurte a frase até o que o nome precisa dizer. Confira que nenhum nome existente coincide.
Durante a conversão
Cole a frase, leia o resultado e garanta que seja natural e razoavelmente curto.
Depois de converter
Use o mesmo nome em todo lugar onde se aplica e configure um redirecionamento se algum dia mudar um endereço publicado.
Erros comuns
Usar kebab-case em nomes de variáveis
Um hífen significa menos na maioria das linguagens.
Fazer nomes longos demais
Nomes curtos são mais fáceis de compartilhar e lembrar.
Mudar endereços publicados
Quebra links. Redirecione se precisar.
O seu texto fica no seu dispositivo
A conversão acontece localmente. O seu texto é tratado pelo seu próprio navegador e nada é enviado a lugar algum. Não há nada a apagar depois e nenhuma conta a criar. Esse é o jeito simples de converter texto em kebab-case.
Resumo
Para converter texto em kebab-case aqui, cole uma linha e leia-a de volta com as palavras cortadas, em minúsculas e unidas por hífens. Uma linha já escrita em camelCase também é cortada ali, então fooBar vira foo-bar. A página não mantém a pontuação: vírgulas, pontos e hífens são limites entre palavras, não caracteres para levar adiante, que é o que você quer para uma classe CSS ou um nome de arquivo e não para prosa. Cortar em palavras exige limites, então o chinês e o japonês, escritos sem espaços, voltam como uma única palavra. A passagem para minúsculas segue o idioma da página. A web prefere hífens porque os buscadores os leem como espaços. Nada é enviado.