Text zu kebab-case Konverter

Konvertiere jeden Text, camelCase oder snake_case sofort zu kebab-case

Need all formats? Use the full text case converter with 12 naming conventions.

Uber dieses Tool

kebab-case ist die Standard-Namenskonvention für CSS-Klassen, URL-Slugs, HTML-Attribute und CLI-Flags. Wörter sind kleingeschrieben und durch Bindestriche getrennt: `user-profile`, `background-color`, `my-awesome-project`. Dieses Tool konvertiert jeden Text sofort zu kebab-case. Ob du CSS-Klassennamen aus JavaScript-Variablen generierst, URL-freundliche Slugs erstellst oder CLI-Argumente benennst, füge einfach deinen Text ein und kopiere das Ergebnis. Es verarbeitet camelCase, PascalCase, snake_case, Punkte, Leerzeichen und gemischte Formate.

Anleitung

1. Tippe oder füge beliebigen Text ein — camelCase, snake_case, PascalCase oder normale Wörter 2. Das kebab-case-Ergebnis erscheint hervorgehoben 3. Alle anderen Schreibweise-Formate werden ebenfalls unten angezeigt 4. Klicke auf "Kopieren", um das kebab-case-Ergebnis zu kopieren

Haufig gestellte Fragen

Was ist kebab-case?
kebab-case ist eine Namenskonvention, bei der Wörter kleingeschrieben und durch Bindestriche getrennt sind. Beispiel: 'get-user-name'. Es heißt kebab-case, weil die Bindestriche wie ein Spieß durch die Wörter aussehen. Es ist der Standard in CSS, URLs, HTML-Data-Attributen und CLI-Argumenten.
Wie konvertiere ich camelCase zu kebab-case?
Füge deinen camelCase-Text ein (z.B. 'getUserName') und das Tool teilt ihn an Großbuchstaben-Grenzen, macht alles klein und verbindet mit Bindestrichen zu 'get-user-name'.
Wann sollte ich kebab-case verwenden?
Verwende kebab-case für: CSS-Klassennamen (.user-profile), URL-Slugs (/blog/mein-erster-beitrag), HTML-Data-Attribute (data-user-id), CLI-Flags (--output-dir), npm-Paketnamen und Git-Branch-Namen.
Was ist der Unterschied zwischen kebab-case und snake_case?
Beide trennen Wörter in Kleinbuchstaben, aber kebab-case verwendet Bindestriche (get-user-name), während snake_case Unterstriche verwendet (get_user_name). kebab-case ist Standard in CSS und URLs; snake_case ist Standard in Python und SQL.
Warum kann ich kebab-case nicht für Variablennamen in den meisten Sprachen verwenden?
Die meisten Programmiersprachen interpretieren den Bindestrich als Minus-Operator, sodass 'get-user-name' als 'get minus user minus name' geparst würde. Deshalb wird kebab-case in CSS, HTML, URLs und Konfigurationsdateien verwendet — aber nicht in JavaScript-, Python- oder Java-Variablennamen.
Ist kebab-case gut für SEO?
Ja, kebab-case ist die empfohlene Schreibweise für URLs. Google behandelt Bindestriche als Worttrennzeichen, was bedeutet, dass 'beste-laufschuhe' als drei separate Wörter erkannt wird. Unterstriche hingegen werden als Wortverbinder behandelt. Daher empfehlen SEO-Experten Bindestriche für URL-Slugs.
Wie werden Umlaute in kebab-case behandelt?
Für URLs und technische Bezeichner solltest du Umlaute transliterieren: ä→ae, ö→oe, ü→ue, ß→ss. Beispiel: 'Größe ändern' wird zu 'groesse-aendern'. Der Text-zu-Slug-Konverter macht diese Transliteration automatisch.

Verwandte Tools