Was ist kebab-case? Definition, Beispiele und Verwendung
4 Min. Lesezeit
kebab-case ist eine Namenskonvention, bei der Wörter kleingeschrieben und durch Bindestriche getrennt werden: my-variable-name, background-color, user-profile-page.
Wo wird kebab-case verwendet?
| Kontext | Beispiel |
|---|---|
| CSS-Eigenschaften | background-color, font-size |
| CSS-Klassennamen (BEM) | .nav-bar__menu-item |
| HTML-Attribute | data-user-id |
| URL-Slugs | /blog/what-is-kebab-case |
| CLI-Flags | --output-dir, --no-cache |
| npm-Paketnamen | react-router-dom |
| Lisp/Clojure | get-user-name |
kebab-case vs andere Konventionen
| Konvention | Beispiel |
|---|---|
| kebab-case | my-variable-name |
| camelCase | myVariableName |
| snake_case | my_variable_name |
| PascalCase | MyVariableName |
Warum funktioniert kebab-case nicht in den meisten Sprachen?
Der Bindestrich ist in den meisten Sprachen ein Operator (Subtraktion): my-var wird als my minus var interpretiert. Deshalb ist kebab-case auf Kontexte beschränkt, in denen Bindestriche keine Operatoren sind — CSS, HTML-Attribute, URLs und Konfigurationsdateien.
In kebab-case umwandeln
Verwenden Sie unseren kebab-case-Konverter, um beliebigen Text sofort umzuwandeln, oder probieren Sie den Case-Converter-Hub.