Kebab-Case-Konverter

Was ist Kebab Case?

Kebab Case (auch kebab-case oder Dash-Case genannt) ist eine Namenskonvention, bei der Wörter durch Bindestriche getrennt und kleingeschrieben werden. Beispiel: my-variable-name.

Kebab Case im Vergleich

• Kebab Case: my-variable-name — URLs, CSS, HTML
• Camel Case: myVariableName — JavaScript, Java
• Snake Case: my_variable_name — Python, Datenbanken
• Pascal Case: MyVariableName — C#, React

camelCase zu kebab-case konvertieren

Die Umwandlung ist üblich, wenn JS-Variablennamen zu CSS-Klassen oder URL-Strings werden sollen. Vor jedem Großbuchstaben wird ein Bindestrich eingefügt:

• myComponentName → my-component-name
• userProfilePage → user-profile-page

kebab-case-Slug für SEO-URLs

Ein kebab-case-Slug ist die Standardform für SEO-freundliche URLs. Für die URL-Erstellung nutzen Sie auch den URL Slug Generator.

kebab case in JavaScript, CSS und REST-URLs

JavaScript verwendet camelCase, aber Kebab Case erscheint in CSS-Klassennamen, Dateinamen, REST-Endpunkten und Route-Slugs.

Einsatzgebiete

• CSS-Klassennamen und IDs
• URL-Slugs und Dateinamen
• REST-Endpunkt-Pfade wie /user-profiles
• npm-Paketnamen, Git-Branchnamen, Docker-Containernamen

Verwandte Slug-Tools

Für einen SEO-Slug-Workflow: URL Slug Generator. Für dauerhafte Blog-URLs: Permalink Generator.