Convertire il testo in kebab-case dash-case Gratis Online Sicuro
Incolli una riga e la rilegga in kebab-case. Tutto avviene nel suo browser — nulla di quel che scrive viene mandato da qualche parte — e le regole seguono la lingua di questa pagina, non l'inglese.
Scrivilo in altro modo
Non si carica niente
La stessa riga in tutte e sette le scritture
| Scrittura | La stessa riga, scritta così |
|---|---|
| maiuscole | CRÈME BRÛLÉE PER 2 — STRASSE 17, FOOBAR |
| minuscole | crème brûlée per 2 — straße 17, foobar |
| Title Case | Crème Brûlée Per 2 — Straße 17, Foobar |
| snake_case | crème_brûlée_per_2_straße_17_foo_bar |
| kebab-case | crème-brûlée-per-2-straße-17-foo-bar |
| camelCase | crèmeBrûléePer2Straße17FooBar |
| un indirizzo URL | creme-brulee-per-2-strasse-17-foobar |
Da dove vengono queste forme
Maiuscole e minuscole furono un tempo due alfabeti diversi. Le capitali sono romane, incise nella pietra con lo scalpello; le minuscole discendono dalla minuscola carolina, foggiata da una penna che correva veloce sulla pergamena. Gli stampatori le tenevano in cassette separate — quella alta e quella bassa — e i nomi sono rimasti molto dopo che le cassette erano sparite. Le forme della programmazione sono assai più giovani e furono inventate per risolvere un solo problema: un nome non può contenere uno spazio. snake_case uscì dai primi tempi del C, camelCase da Smalltalk, kebab-case da Lisp, e lo slug dal bisogno di mettere un titolo umano in un indirizzo dove spazi e accenti non sono ammessi.
Dove le incontra
La maiuscola a ogni parola appartiene ai titoli e alle copertine dei libri; la maiuscola di frase a quasi tutto il resto e sempre più alle interfacce, perché si legge più in fretta. snake_case nomina colonne di basi di dati e variabili Python; camelCase nomina variabili JavaScript e metodi Java; kebab-case nomina classi CSS e nomi di file nei progetti web. Lo slug è ciò che muta il titolo di un articolo nell'ultima parte del suo indirizzo, ed è l'unica conversione qui che i motori di ricerca leggono.
Domande frequenti
Perché passare alle maiuscole cambia a volte il numero di lettere?
Perché la cassa è una proprietà della lingua, non del carattere. La ß tedesca diventa SS in maiuscolo: una lettera ne diventa due. Il turco ha una i con punto e una senza, e la maiuscola di i è İ, non I — sbagliare qui trasforma una parola turca in un'altra. Le conversioni di questa pagina seguono le regole della lingua della pagina stessa, ed è per questo che lo stesso testo può dare risultato diverso sulla pagina turca e su quella inglese.
Perché lo slug toglie accenti e punteggiatura?
Perché un indirizzo deve sopravvivere all'essere copiato in un messaggio, stampato su carta e ribattuto a mano. Le lettere accentate sono lecite in un URL moderno, ma vengono codificate con i percento quando si copiano, e un indirizzo leggibile diventa una sfilza di simboli. Ridurle a lettere semplici, cifre e trattini mantiene l'indirizzo leggibile, condivisibile e identico ovunque compaia.
Il risultato è esatto?
Dove le due unità si definiscono l'una per mezzo dell'altra con numeri interi, sì: la pagina lo dice sopra la cifra, e l'unico arrotondamento sta in quante cifre si mostrano. Dove il rapporto non ha decimale finita, la pagina mostra dodici cifre significative e dice che la relazione è approssimata invece di fingere il contrario.
Qualcosa di quel che scrivo lascia il mio dispositivo?
No. Il calcolo avviene nel suo browser; non viene inviato nulla, e non c'è nemmeno un server a cui inviarlo. Caricata una volta, la pagina continua a funzionare con la rete spenta.
Perché si converte il testo in kebab-case
Guarda la barra degli indirizzi di quasi qualsiasi sito web ben curato e troverai parole unite da trattini: how-to-repot-a-fern, annual-report-2026, contact-us. Guarda dentro un foglio di stile e i nomi delle classi fanno lo stesso: main-menu, card-title, button-primary. Guarda le opzioni degli strumenti da riga di comando e trovi --dry-run e --no-cache. Questo è il kebab-case, le parole minuscole infilate lungo un trattino come la carne su uno spiedo, ed è la forma che il web ha adottato per i nomi che le persone possono vedere. Convertire il testo in kebab-case significa prendere una frase come la diresti e trasformarla in un nome che funzioni in un indirizzo, in una classe, in un ramo o in un file.
Incolla una riga e rileggila in kebab-case. La conversione avviene nel tuo browser, nulla di ciò che digiti viene inviato da nessuna parte, e le regole seguono la lingua di questa pagina e non l'inglese. Divide la riga in parole, le mette in minuscolo e le unisce con trattini. Anche una riga già scritta in camelCase viene divisa lì, quindi fooBar diventa foo-bar. Più sotto trovi cosa fa esattamente la pagina e cosa non fa, come tratta le lettere particolari delle varie lingue, perché il web preferisce i trattini ai trattini bassi, dove il kebab-case è la convenzione, e le trappole in cui cadono le persone che convertono il testo in kebab-case di fretta.
Cosa fa la conversione
Taglia, minuscola, unisci
La pagina prima divide la riga in parole, mette in minuscolo ciascuna e le unisce con trattini. La riga Crème brûlée for 2 — straße 17, fooBar torna come crème-brûlée-for-2-straße-17-foo-bar. Gli accenti sono mantenuti, i numeri restano come parole a sé, il trattino lungo e la virgola sono spariti, e fooBar è diviso in due alla maiuscola.
Dove cadono i tagli
Un confine di parola è uno spazio, un segno di punteggiatura, un trattino, un simbolo o il passaggio da una lettera minuscola a una maiuscola dentro una parola. Quindi Main Menu, mainMenu, main_menu e main--menu diventano tutti main-menu. La conversione accetta quasi qualsiasi punto di partenza e arriva sempre alla stessa forma, ed è questo che la rende un sicuro ultimo passaggio prima che un nome entri in un foglio di stile o in un indirizzo.
Nessun trattino sperduto
I separatori ripetuti vengono ridotti a uno, e nessun trattino resta all'inizio o alla fine. Una frase disordinata come ...Hello, World!! esce come hello-world, senza nulla che penda dalle estremità.
Cosa non fa la conversione
Non mantiene la punteggiatura
Virgole, punti e trattini sono confini fra parole, non caratteri da riportare. È ciò che vuoi per una classe CSS o un nome di file, e non ciò che vuoi per la prosa. Una frase passata attraverso la pagina torna come un nome, e la punteggiatura originale è sparita.
Non rimuove gli accenti
La riga mantiene le sue lettere accentate: crème-brûlée. I browser e i server moderni le accettano nei nomi e negli indirizzi, ma gli strumenti più vecchi possono non farlo, e un indirizzo con accenti viene trasformato in codici percentuali quando viene copiato. Se ti servono lettere semplici, la pagina dello slug per URL toglie i segni anche dalle lettere latine.
Non controlla che il nome sia libero
Due frasi diverse possono produrre lo stesso nome, e la pagina non sa se un nome sia già usato sul tuo sito o nel tuo progetto. Controlla eventuali conflitti prima di pubblicare.
La lingua conta
Scritture senza spazi
Dividere in parole richiede dei confini. Il cinese e il giapponese si scrivono senza spazi, quindi una riga in quelle scritture torna come un'unica parola. La pagina preferisce dirlo anziché tagliare in un punto indovinato.
Il turco e la i col punto
Il minuscolo segue le regole della lingua della pagina. In turco la forma minuscola di I è ı, senza punto, e la forma minuscola di İ è i. Un convertitore che applica le regole dell'inglese cambia le parole. Questa pagina segue la lingua in cui è scritta.
Il tedesco e la s aguzza
La ß tedesca è già minuscola e resta: straße-17. La maiuscola STRASSE torna come strasse, perché la forma maiuscola non ricorda se venisse da ß o da due lettere.
Scritture da destra a sinistra e indiche
L'arabo, l'ebraico e le scritture indiane hanno spazi fra le parole e non hanno maiuscole e minuscole. La pagina unisce le loro parole con trattini e lascia in pace le lettere.
Perché il web preferisce i trattini
I motori di ricerca leggono i trattini come spazi
I motori di ricerca trattano un trattino in un indirizzo come un separatore fra parole, quindi how-to-repot-a-fern viene inteso come cinque parole. Un trattino basso, al contrario, viene in genere letto come un collegamento, e how_to_repot_a_fern può essere letto come un'unica lunga parola. Per gli indirizzi che le persone cercano, i trattini sono la scelta migliore, e quell'abitudine si è diffusa in tutto il web.
Leggibilità
Un trattino basso può sparire quando un link è sottolineato, dato che la linea sta esattamente dove sta il trattino basso. Un trattino resta visibile. È un dettaglio minimo, ma spiega perché la forma si sia affermata negli indirizzi.
Insensibilità alle maiuscole
Gli indirizzi sono più sicuri in minuscolo, dato che parti di essi possono distinguere maiuscole e minuscole su certi server. Il kebab-case è minuscolo per definizione, il che elimina una famiglia di errori.
Dove il kebab-case è la convenzione
Indirizzi web
L'ultima parte dell'indirizzo di una pagina, lo slug, è quasi sempre in kebab-case. Per gli indirizzi che devono essere anche privi di accenti, usa la pagina dello slug per URL.
CSS e HTML
Le proprietà CSS sono in kebab-case (background-color, font-size), e così la maggior parte dei nomi di classe e delle proprietà personalizzate (--brand-color). Gli attributi HTML come data-user-id seguono lo stesso stile. Quando inventi il nome di una classe per un componente, il kebab-case è ciò che si aspetta chi legge il tuo foglio di stile. Se un componente è disegnato anche con dimensioni, da px a rem aiuta con le lunghezze.
Nomi di file e cartelle
Parole minuscole unite da trattini sono un nome di file sicuro su ogni sistema, ed è per questo che i generatori di siti statici e molti framework le usano per pagine e risorse.
Opzioni da riga di comando e nomi dei pacchetti
Opzioni come --dry-run, nomi di pacchetti su registri come npm e rami Git come feature/login-form seguono tutti il kebab-case. Una frase trasformata in questa forma ha buone probabilità di essere accettata dagli strumenti che usi.
Lisp e i suoi cugini
La forma viene da Lisp, dove i trattini sono ammessi nei nomi perché il linguaggio non ne ha bisogno come segni di sottrazione senza spazi attorno. Il nome kebab-case è uno scherzo sullo spiedo, ed è rimasto.
Dove non è la convenzione
Python, Ruby e database
Questi preferiscono i trattini bassi, dato che un trattino sarebbe letto come meno. Per loro, usa snake_case.
Variabili JavaScript e Java
Un trattino nel nome di una variabile è una sottrazione. Questi linguaggi usano il camelCase. Il kebab-case può comunque comparire nei loro valori stringa, nei nomi di file e nel CSS.
Prosa e titoli
Il kebab-case è per i nomi. Titoli e frasi dovrebbero mantenere spazi e maiuscole. Per un titolo, considera il Title Case.
Come convertire il testo in kebab-case qui
Incolla o digita il tuo testo
Inserisci la frase nel primo campo. Il risultato compare subito nel secondo, così puoi vederlo cambiare mentre scrivi.
Controlla il nome
Assicurati che si legga in modo naturale e non sia troppo lungo. Gli indirizzi di più di circa sessanta caratteri vengono tagliati nei risultati di ricerca. Un buon slug è breve e dice cos'è la pagina.
Copialo
Premi il pulsante di copia e incolla il risultato dove ti serve. Per altre forme della stessa riga, vedi sotto.
La stessa riga in tutte e sette le scritture
Una tabella di forme
Sotto il convertitore, una tabella mostra la riga di esempio in tutte e sette le forme che il sito offre: maiuscolo, minuscolo, Title Case, snake_case, kebab-case, camelCase e uno slug per URL. È un modo rapido di vedere come appaiono le stesse parole in ciascuna.
Da dove vengono queste forme
Due alfabeti
Le lettere maiuscole e minuscole erano un tempo due alfabeti diversi. Le maiuscole sono romane, scolpite nella pietra con lo scalpello; le minuscole discendono dalla minuscola carolina, plasmata da una penna che si muoveva in fretta sulla pergamena. I tipografi tenevano i due in cassetti separati, la cassa alta e la cassa bassa, e i nomi sono rimasti molto dopo che i cassetti sono scomparsi.
Nomi senza spazi
Le forme della programmazione sono molto più giovani e furono inventate per risolvere un problema: un nome non può contenere uno spazio. Lo snake_case è nato dai primi C, il camelCase da Smalltalk, il kebab-case da Lisp, e lo slug per URL dalla necessità di mettere un titolo umano in un indirizzo in cui spazi e accenti non sono ammessi.
Nomi che funzionano bene nella pratica
Brevi e descrittivi
Un buon nome in kebab-case dice cos'è la cosa con il minor numero di parole possibile. contact-us è meglio di please-get-in-touch-with-our-team. Quando converti il testo in kebab-case, accorcia prima la frase.
Stabili nel tempo
I nomi negli indirizzi sono promesse: altri siti vi si collegano. Scegli nomi che saranno ancora veri dopo una riprogettazione, ed evita date e numeri di versione a meno che non siano il punto.
Coerenti in un progetto
Se ogni indirizzo di pagina, nome di classe e nome di file segue la stessa regola, chi arriva può indovinare correttamente i nomi. Quando converti il testo in kebab-case per una nuova pagina, controlla un vicino per vedere lo schema.
Senza parole vuote, se vuoi
Alcuni tolgono parole come the, a e of dagli indirizzi per tenerli brevi. È questione di gusto: l'indirizzo più breve è più ordinato, quello più completo si legge meglio ad alta voce.
Il kebab-case in un progetto reale
Dare nomi alle classi CSS
I nomi dei componenti in un foglio di stile si leggono meglio come frasi brevi con trattini: card, card-title, card-footer. Metodologie come BEM aggiungono doppi trattini e trattini bassi per le varianti, ma la base di ogni classe è comunque un nome minuscolo con trattini. Quando converti il testo in kebab-case per una classe, dai al prossimo sviluppatore un nome che può indovinare.
Dare nomi a file e cartelle di un sito
La struttura di un sito rispecchia spesso i suoi indirizzi, con un file chiamato what-to-plant-in-april.html o una cartella chiamata garden-guides. Nomi coerenti con trattini rendono la struttura facile da sfogliare, facile da collegare e facile da spostare fra sistemi. Se una pagina ha bisogno di un file di dati, da CSV a JSON e gli altri convertitori del sito possono prepararlo, e la stessa regola di nomi si applica al risultato.
Dare nomi a rami ed etichette nel controllo di versione
Le squadre che usano rami per ogni lavoro li chiamano fix-login-redirect o add-search-filter. Il nome di un ramo si legge negli elenchi, nelle richieste di integrazione e nelle chat, e una breve frase con trattini è facile da scorrere. Molte squadre aggiungono un prefisso con un tipo e una barra: feature/add-search-filter. Per fare la parte dopo la barra, converti il testo in kebab-case dal titolo del compito.
Dare nomi ad attributi e proprietà personalizzate
Le proprietà personalizzate in CSS, come --space-large e --brand-primary, sono per convenzione in kebab-case, e così gli attributi data di HTML. Se lavori anche con i colori, la notazione da HEX a RGB può servire per i valori che stanno dietro a tali nomi.
Tenere traccia dei nomi vecchi e nuovi
Quando rinomini un gruppo di file o di classi, tieni un elenco a due colonne dei nomi vecchi e nuovi. Aiuta con il cerca e sostituisci, con i reindirizzamenti e nello spiegare a un collega cos'è successo. Un convertitore rende coerenti i nuovi nomi; l'elenco rende verificabile il cambiamento.
Fare indirizzi che durano
Pensa prima a chi legge
Un indirizzo viene letto dalle persone prima che dalle macchine. Uno breve e chiaro dice al visitatore dove lo porterà il link e lo incoraggia a cliccare. Quando converti il testo in kebab-case per uno slug, immaginalo incollato in un messaggio senza altra spiegazione, e chiediti se ha senso.
Non ripetere la sezione
Se l'indirizzo ha già una cartella chiamata recipes, la pagina non ha bisogno di chiamarsi best-recipes-for-summer. Un nome come summer-salads basta, e l'indirizzo si legge recipes/summer-salads senza eco.
Trappole quando converti il testo in kebab-case
Usarlo dove un trattino significa meno
Nella maggior parte dei linguaggi di programmazione, un trattino dentro un nome è una sottrazione. Non usare il kebab-case per le variabili in tali linguaggi.
Dimenticare che il nome può già esistere
Due pagine con lo stesso slug entrano in conflitto. Controlla il tuo sito o il tuo progetto prima di pubblicare.
Cambiare un indirizzo pubblicato
Una volta che un indirizzo è pubblico, cambiarlo rompe i link. Se devi, imposta un reindirizzamento dal vecchio.
Nomi molto lunghi
Gli indirizzi lunghi sono scomodi da condividere e vengono abbreviati nei risultati di ricerca. Riduci la frase prima di convertire.
Domande che si fanno prima di convertire
Cosa succede alla punteggiatura?
Viene trattata come un confine fra parole e non viene riportata.
I numeri vengono mantenuti?
Sì, come parole a sé, separate da trattini.
Gestisce un input in camelCase?
Sì. Una maiuscola dentro una parola segna un taglio, quindi fooBar diventa foo-bar.
Posso usarlo per altre lingue?
Sì, con le regole della lingua della pagina. Le scritture senza spazi, come il cinese e il giapponese, tornano come un'unica parola.
Il mio testo viene caricato?
No. Ciò che digiti qui non viene mai inviato da nessuna parte, quindi una bozza, una password o il nome di un cliente sono al sicuro qui quanto in un editor di testo.
Come ottengo invece i trattini bassi?
Con converti il testo in snake_case.
Un esempio svolto
Poniamo che tu stia aggiungendo una nuova sezione a un sito web e il redattore ti abbia dato il titolo Spring Garden: What To Plant In April (and Why). Lo incolli e leggi spring-garden-what-to-plant-in-april-and-why. È lungo, quindi accorci il titolo in What to Plant in April e converti di nuovo: what-to-plant-in-april. Lo usi come nome del file e come indirizzo, e le stesse parole, nella stessa forma, come classe dell'intestazione nel foglio di stile. Tre posti, un solo nome, scritto una volta.
Una breve lista di controllo
Prima di convertire
Accorcia la frase a ciò che il nome deve dire. Controlla che nessun nome esistente coincida.
Durante la conversione
Incolla la frase, leggi il risultato e assicurati che sia naturale e ragionevolmente breve.
Dopo la conversione
Usa lo stesso nome ovunque si applichi, e imposta un reindirizzamento se mai cambi un indirizzo pubblicato.
Errori comuni
Usare il kebab-case per i nomi delle variabili
Un trattino significa meno nella maggior parte dei linguaggi.
Fare nomi troppo lunghi
I nomi brevi sono più facili da condividere e ricordare.
Cambiare gli indirizzi pubblicati
Rompe i link. Reindirizza se devi.
Il tuo testo resta sul tuo dispositivo
La conversione avviene in locale. Il tuo testo viene gestito dal tuo browser e nulla viene inviato da nessuna parte. Non c'è nulla da cancellare dopo e nessun account da creare. È il modo semplice di convertire il testo in kebab-case.
Riepilogo
Per convertire il testo in kebab-case qui, incolla una riga e rileggila con le parole divise, in minuscolo e unite da trattini. Una riga già scritta in camelCase viene divisa lì, quindi fooBar diventa foo-bar. La pagina non mantiene la punteggiatura: virgole, punti e trattini sono confini fra parole, non caratteri da riportare, ed è ciò che vuoi per una classe CSS o un nome di file e non per la prosa. Dividere in parole richiede dei confini, quindi il cinese e il giapponese, scritti senza spazi, tornano come un'unica parola. Il minuscolo segue la lingua della pagina. Il web preferisce i trattini perché i motori di ricerca li leggono come spazi. Nulla viene caricato.