kebab-case Konverter
Text online in kebab-case umwandeln. Erstelle saubere URL-Slugs, CSS-Klassennamen und HTML-Attribute mit Bindestrichen.
Beispiel — tippe oben deinen eigenen Text ein, um ihn umzuwandeln.
Ein kebab-case Konverter wandelt deinen Text in Kleinbuchstaben um und verbindet die Wörter mit Bindestrichen, sodass Strings wie user-first-name entstehen. Es ist das Standardformat für URL-Slugs, CSS-Klassennamen und HTML-Attribute.
Beispiele
| Vorher | Nachher |
|---|---|
| How to Bake Bread | how-to-bake-bread |
| primaryButtonColor | primary-button-color |
| my_file_name | my-file-name |
Einsatzbereiche: kebab-case Konverter
kebab-case – auch dash-case oder spinal case genannt – ist das Format des Webs: URL-Slugs. Google behandelt Bindestriche seit Jahren als Worttrenner, Unterstriche dagegen nicht, sodass bake-bread als zwei Wörter und bake_bread als eines gelesen wird. Bindestriche sind die SEO-korrekte Wahl. In CSS gilt es für Klassennamen, Custom Properties ( --primary-color ) und alle eingebauten Eigenschaftsnamen.
HTML-Attribute inklusive data-* nutzen laut Spezifikation Bindestriche. Auch npm-Paketnamen und CLI-Flags wie --long-option folgen dem Format. Nicht verwendbar ist es bei Programmier-Bezeichnern: Die meisten Sprachen lesen den Bindestrich als Minuszeichen, sodass user-name als Subtraktion interpretiert wird. Nutze dort snake_case oder camelCase.
Häufige Fragen
Sollten URL-Slugs Bindestriche oder Unterstriche verwenden?
Bindestriche. Google behandelt einen Bindestrich als Worttrenner und einen Unterstrich als Wortverbinder, sodass jedes Wort eines Slugs unabhängig ranken kann.
Ist kebab-case dasselbe wie dash-case oder spinal case?
Ja, alle drei Namen beschreiben dasselbe Format: kleingeschriebene Wörter, die mit Bindestrichen verbunden sind.