Text in kebab-case umwandeln dash-case Kostenlos Online Sicher
Fügen Sie eine Zeile ein und lesen Sie sie in kebab-case zurück. Alles geschieht in Ihrem Browser — nichts, was Sie eingeben, wird irgendwohin gesendet, und die Regeln folgen der Sprache dieser Seite, nicht dem Englischen.
Anders schreiben
Kein Upload
Dieselbe Zeile in allen sieben Schreibweisen
| Schreibweise | Dieselbe Zeile, so geschrieben |
|---|---|
| Großbuchstaben | CRÈME BRÛLÉE FÜR 2 — STRASSE 17, FOOBAR |
| Kleinbuchstaben | crème brûlée für 2 — straße 17, foobar |
| Title Case | Crème Brûlée Für 2 — Straße 17, Foobar |
| snake_case | crème_brûlée_für_2_straße_17_foo_bar |
| kebab-case | crème-brûlée-für-2-straße-17-foo-bar |
| camelCase | crèmeBrûléeFür2Straße17FooBar |
| eine URL-Adresse | creme-brulee-fur-2-strasse-17-foobar |
Woher diese Formen kommen
Große und kleine Buchstaben waren einst zwei verschiedene Alphabete. Die Großbuchstaben sind römisch, mit dem Meißel in Stein geschlagen; die kleinen stammen von der karolingischen Minuskel ab, geformt von einer Feder, die rasch über Pergament lief. Die Drucker hielten beide in getrennten Kästen — dem oberen und dem unteren —, und die Namen blieben, lange nachdem die Kästen verschwunden waren. Die Programmierformen sind weit jünger und wurden ersonnen, um ein einziges Problem zu lösen: ein Name darf kein Leerzeichen enthalten. snake_case kam aus dem frühen C, camelCase aus Smalltalk, kebab-case aus Lisp, und der URL-Slug aus dem Bedürfnis, einen menschlichen Titel in eine Adresse zu setzen, in der Leerzeichen und Akzente nicht erlaubt sind.
Wo sie Ihnen begegnen
Die Großschreibung jedes Wortes gehört zu Überschriften und Buchtiteln; die Satzschreibung zu fast allem anderen und zunehmend zu Benutzeroberflächen, weil sie sich schneller liest. snake_case benennt Datenbankspalten und Python-Variablen; camelCase benennt JavaScript-Variablen und Java-Methoden; kebab-case benennt CSS-Klassen und Dateinamen in Webprojekten. Der Slug ist das, was die Schlagzeile eines Artikels in den letzten Teil seiner Adresse verwandelt, und er ist die einzige Umwandlung hier, die Suchmaschinen lesen.
Häufige Fragen
Warum ändert sich beim Großschreiben manchmal die Zahl der Buchstaben?
Weil die Groß- und Kleinschreibung eine Eigenschaft der Sprache ist, nicht des Zeichens. Das deutsche ß wird in Großbuchstaben zu SS, aus einem Buchstaben werden also zwei. Das Türkische hat ein i mit und eines ohne Punkt, und die Großform von i ist İ, nicht I — wer das falsch macht, verwandelt ein türkisches Wort in ein anderes. Die Umwandlungen hier folgen den Regeln der Sprache der jeweiligen Seite, und darum kann dieselbe Eingabe auf der türkischen Seite anders herauskommen als auf der englischen.
Warum entfernt der Slug Akzente und Satzzeichen?
Weil eine Adresse es überstehen muss, in eine Nachricht kopiert, auf Papier gedruckt und von Hand wieder eingetippt zu werden. Akzentbuchstaben sind in einer modernen URL erlaubt, werden beim Kopieren aber prozentcodiert, und aus einer lesbaren Adresse wird eine Zeichenkette. Sie auf schlichte Buchstaben, Ziffern und Bindestriche herunterzubringen hält die Adresse lesbar, teilbar und überall gleich.
Ist das Ergebnis exakt?
Wo beide Einheiten durch ganze Zahlen voneinander abgeleitet sind, ja — die Seite sagt es über der Zahl, und gerundet wird nur bei der Anzahl der angezeigten Stellen. Wo das Verhältnis keine endliche Dezimalzahl hat, zeigt die Seite zwölf signifikante Stellen und nennt die Beziehung näherungsweise, statt etwas anderes vorzugeben.
Verlässt etwas, das ich eingebe, mein Gerät?
Nein. Die Rechnung läuft in Ihrem Browser; nichts wird hochgeladen, und es gibt auch keinen Server dafür. Einmal geladen, funktioniert die Seite auch ohne Netz.
Warum man Text in kebab-case umwandelt
Sehen Sie sich die Adresszeile fast jeder gepflegten Website an, und Sie finden durch Bindestriche verbundene Wörter: how-to-repot-a-fern, annual-report-2026, contact-us. Sehen Sie in ein Stylesheet, und die Klassennamen tun dasselbe: main-menu, card-title, button-primary. Sehen Sie sich die Optionen von Kommandozeilenwerkzeugen an, und Sie finden --dry-run und --no-cache. Das ist kebab-case, die Wörter klein und an einem Bindestrich aufgereiht wie Fleisch auf einem Spieß, und es ist die Form, die das Web für Namen übernommen hat, die Menschen sehen können. Text in kebab-case umzuwandeln heißt, eine Wendung, wie man sie sagen würde, in einen Namen zu verwandeln, der in einer Adresse, einer Klasse, einem Branch oder einer Datei funktioniert.
Fügen Sie eine Zeile ein und lesen Sie sie in kebab-case zurück. Die Umwandlung geschieht in Ihrem Browser, nichts, was Sie tippen, wird irgendwohin gesendet, und die Regeln folgen der Sprache dieser Seite und nicht dem Englischen. Sie zerlegt die Zeile in Wörter, schreibt sie klein und verbindet sie mit Bindestrichen. Eine bereits in camelCase geschriebene Zeile wird dort ebenfalls zerlegt, aus fooBar wird also foo-bar. Weiter unten erfahren Sie, was die Seite genau tut und was nicht, wie sie mit den heiklen Buchstaben verschiedener Sprachen umgeht, warum das Web Bindestriche den Unterstrichen vorzieht, wo kebab-case die Konvention ist, und die Fallen, in die Menschen tappen, die Text in Eile in kebab-case umwandeln.
Was die Umwandlung tut
Zerlegen, kleinschreiben, verbinden
Die Seite zerlegt die Zeile zuerst in Wörter, schreibt jedes klein und verbindet sie mit Bindestrichen. Die Zeile Crème brûlée for 2 — straße 17, fooBar kommt als crème-brûlée-for-2-straße-17-foo-bar zurück. Akzente bleiben erhalten, die Zahlen stehen als eigene Wörter, der Gedankenstrich und das Komma sind weg, und fooBar wird am Großbuchstaben in zwei geteilt.
Wo die Schnitte fallen
Eine Wortgrenze ist ein Leerzeichen, ein Satzzeichen, ein Strich, ein Symbol oder der Übergang von einem Kleinbuchstaben zu einem Großbuchstaben innerhalb eines Wortes. So werden Main Menu, mainMenu, main_menu und main--menu alle zu main-menu. Die Umwandlung akzeptiert fast jeden Ausgangspunkt und kommt stets bei derselben Form an, was sie zu einem sicheren letzten Schritt macht, bevor ein Name in ein Stylesheet oder eine Adresse geht.
Keine verirrten Bindestriche
Wiederholte Trennzeichen werden zu einem zusammengedrückt, und am Anfang oder Ende bleibt kein Bindestrich übrig. Eine unordentliche Wendung wie ...Hello, World!! kommt als hello-world heraus, ohne dass etwas an den Enden hängt.
Was die Umwandlung nicht tut
Sie behält keine Satzzeichen
Kommas, Punkte und Striche sind Grenzen zwischen Wörtern, keine Zeichen, die übernommen werden. Das ist es, was Sie für eine CSS-Klasse oder einen Dateinamen wollen, und nicht, was Sie für Fließtext wollen. Ein durch die Seite geschickter Satz kommt als Name zurück, und die ursprünglichen Satzzeichen sind weg.
Sie entfernt keine Akzente
Die Zeile behält ihre Buchstaben mit Akzenten: crème-brûlée. Moderne Browser und Server akzeptieren sie in Namen und Adressen, ältere Werkzeuge womöglich nicht, und eine Adresse mit Akzenten wird beim Kopieren in Prozentcodes umgewandelt. Brauchen Sie schlichte Buchstaben, nimmt die Seite für URL-Slugs den lateinischen Buchstaben auch die Zeichen.
Sie prüft nicht, ob der Name frei ist
Zwei verschiedene Wendungen können denselben Namen ergeben, und die Seite weiß nicht, ob ein Name auf Ihrer Website oder in Ihrem Projekt schon vergeben ist. Prüfen Sie auf Kollisionen, bevor Sie veröffentlichen.
Die Sprache spielt eine Rolle
Schriften, die ohne Leerzeichen geschrieben werden
Zum Zerlegen in Wörter braucht man Grenzen. Chinesisch und Japanisch werden ohne Leerzeichen geschrieben, eine Zeile in diesen Schriften kommt also als ein einziges Wort zurück. Die Seite sagt das lieber, als an einer geratenen Stelle zu schneiden.
Türkisch und das i mit Punkt
Das Kleinschreiben folgt den Regeln der Sprache der Seite. Im Türkischen ist die kleine Form von I das ı, ohne Punkt, und die kleine Form von İ ist i. Ein Umwandler, der englische Regeln anwendet, verändert die Wörter. Diese Seite folgt der Sprache, in der sie geschrieben ist.
Deutsch und das scharfe s
Das deutsche ß ist bereits klein und bleibt: straße-17. Das großgeschriebene STRASSE kommt als strasse zurück, weil die Großbuchstabenform nicht weiß, ob sie von ß oder von zwei Buchstaben kam.
Rechts-nach-links- und indische Schriften
Arabisch, Hebräisch und die indischen Schriften haben Leerzeichen zwischen den Wörtern und keine Groß- und Kleinschreibung. Die Seite verbindet ihre Wörter mit Bindestrichen und lässt die Buchstaben in Ruhe.
Warum das Web Bindestriche bevorzugt
Suchmaschinen lesen Bindestriche als Leerzeichen
Suchmaschinen behandeln einen Bindestrich in einer Adresse als Trennzeichen zwischen Wörtern, how-to-repot-a-fern wird also als fünf Wörter verstanden. Ein Unterstrich dagegen wird im Allgemeinen als Verbinder gelesen, und how_to_repot_a_fern kann als ein langes Wort gelesen werden. Für Adressen, nach denen Menschen suchen, sind Bindestriche die bessere Wahl, und diese Gewohnheit hat sich über das ganze Web verbreitet.
Lesbarkeit
Ein Unterstrich kann verschwinden, wenn ein Link unterstrichen ist, da die Linie genau dort sitzt, wo der Unterstrich ist. Ein Bindestrich bleibt sichtbar. Es ist ein kleiner Punkt, erklärt aber, warum sich die Form in Adressen durchgesetzt hat.
Unabhängigkeit von der Groß- und Kleinschreibung
Adressen sind in Kleinbuchstaben am sichersten, da Teile davon auf manchen Servern zwischen Groß- und Kleinschreibung unterscheiden können. kebab-case ist per Definition kleingeschrieben, was eine ganze Familie von Fehlern beseitigt.
Wo kebab-case die Konvention ist
Webadressen
Der letzte Teil einer Seitenadresse, der Slug, steht fast immer in kebab-case. Für Adressen, die zusätzlich frei von Akzenten sein müssen, nutzen Sie die Seite für URL-Slugs.
CSS und HTML
CSS-Eigenschaften stehen in kebab-case (background-color, font-size), ebenso die meisten Klassennamen und benutzerdefinierten Eigenschaften (--brand-color). HTML-Attribute wie data-user-id folgen demselben Stil. Erfinden Sie einen Klassennamen für eine Komponente, erwartet ein Leser Ihres Stylesheets kebab-case. Wird eine Komponente auch mit Größen gezeichnet, hilft px in rem umrechnen bei den Längen.
Datei- und Ordnernamen
Durch Bindestriche verbundene Kleinbuchstaben-Wörter sind auf jedem System ein sicherer Dateiname, weshalb statische Website-Generatoren und viele Frameworks sie für Seiten und Ressourcen verwenden.
Kommandozeilenoptionen und Paketnamen
Optionen wie --dry-run, Paketnamen in Registern wie npm und Git-Branches wie feature/login-form folgen alle kebab-case. Eine in diese Form gebrachte Wendung wird von den Werkzeugen, die Sie nutzen, wahrscheinlich akzeptiert.
Lisp und seine Verwandten
Die Form kam aus Lisp, wo Bindestriche in Namen erlaubt sind, weil die Sprache sie ohne Leerzeichen drumherum nicht als Minuszeichen braucht. Der Name kebab-case ist ein Scherz über den Spieß, und er blieb hängen.
Wo es nicht die Konvention ist
Python, Ruby und Datenbanken
Diese bevorzugen Unterstriche, da ein Bindestrich als Minus gelesen würde. Nutzen Sie dafür snake_case.
JavaScript-Variablen und Java
Ein Bindestrich in einem Variablennamen ist eine Subtraktion. Diese Sprachen verwenden camelCase. Kebab-case kann in ihren Zeichenketten, Dateinamen und CSS dennoch vorkommen.
Fließtext und Titel
kebab-case ist für Namen. Titel und Sätze sollten ihre Leerzeichen und Großbuchstaben behalten. Für eine Überschrift erwägen Sie Title Case.
So wandeln Sie Text hier in kebab-case um
Text einfügen oder eintippen
Geben Sie die Wendung im ersten Feld ein. Das Ergebnis erscheint sofort im zweiten, Sie können es also beim Tippen mitverfolgen.
Den Namen prüfen
Achten Sie darauf, dass er sich natürlich liest und nicht zu lang ist. Adressen von mehr als etwa sechzig Zeichen werden in Suchergebnissen abgeschnitten. Ein guter Slug ist kurz und sagt, was die Seite ist.
Kopieren
Klicken Sie auf die Schaltfläche zum Kopieren und fügen Sie das Ergebnis dort ein, wo Sie es brauchen. Für andere Formen derselben Zeile siehe unten.
Dieselbe Zeile in allen sieben Schreibweisen
Eine Tabelle der Formen
Unter dem Umwandler zeigt eine Tabelle die Beispielzeile in allen sieben Formen, die die Website anbietet: Großbuchstaben, Kleinbuchstaben, Title Case, snake_case, kebab-case, camelCase und ein URL-Slug. So sehen Sie schnell, wie dieselben Wörter in jeder aussehen.
Woher diese Formen kommen
Zwei Alphabete
Groß- und Kleinbuchstaben waren einst zwei verschiedene Alphabete. Die Großbuchstaben sind römisch, mit dem Meißel in Stein gehauen; die Kleinbuchstaben stammen von der karolingischen Minuskel ab, geformt von einer Feder, die schnell über Pergament fuhr. Drucker hielten die beiden in getrennten Kästen, dem Oberkasten und dem Unterkasten, und die Namen blieben lange, nachdem die Kästen verschwunden waren.
Namen ohne Leerzeichen
Die Programmierformen sind viel jünger und wurden erfunden, um ein Problem zu lösen: Ein Name kann kein Leerzeichen enthalten. snake_case kam aus dem frühen C, camelCase aus Smalltalk, kebab-case aus Lisp und der URL-Slug aus dem Bedürfnis, einen menschlichen Titel in eine Adresse zu bringen, in der Leerzeichen und Akzente nicht erlaubt sind.
Namen, die in der Praxis gut funktionieren
Kurz und beschreibend
Ein guter kebab-case-Name sagt in so wenigen Wörtern wie möglich, was das Ding ist. contact-us ist besser als please-get-in-touch-with-our-team. Wenn Sie Text in kebab-case umwandeln, kürzen Sie die Wendung zuerst.
Über die Zeit stabil
Namen in Adressen sind Versprechen: Andere Websites verlinken auf sie. Wählen Sie Namen, die nach einem Redesign noch stimmen, und vermeiden Sie Daten und Versionsnummern, sofern sie nicht der Punkt sind.
Einheitlich über ein Projekt
Folgen jede Seitenadresse, jeder Klassenname und jeder Dateiname derselben Regel, kann ein Neuling Namen richtig erraten. Wenn Sie für eine neue Seite Text in kebab-case umwandeln, sehen Sie bei einer Nachbarseite nach dem Muster.
Frei von Stoppwörtern, wenn Sie wollen
Manche Menschen lassen Wörter wie der, die, das und von in Adressen weg, um sie kurz zu halten. Das ist Geschmackssache: Die kürzere Adresse ist aufgeräumter, die vollständigere liest sich laut besser.
Kebab-case in einem echten Projekt
CSS-Klassen benennen
Komponentennamen in einem Stylesheet lesen sich am besten als kurze, mit Bindestrichen verbundene Wendungen: card, card-title, card-footer. Methodiken wie BEM fügen für Varianten doppelte Bindestriche und Unterstriche hinzu, doch die Basis jeder Klasse bleibt ein kleingeschriebener Name mit Bindestrichen. Wenn Sie Text für eine Klasse in kebab-case umwandeln, geben Sie dem nächsten Entwickler einen Namen, den er erraten kann.
Dateien und Ordner einer Website benennen
Die Struktur einer Website spiegelt oft ihre Adressen, mit einer Datei namens what-to-plant-in-april.html oder einem Ordner namens garden-guides. Einheitliche Namen mit Bindestrichen machen die Struktur leicht durchsuchbar, leicht verlinkbar und leicht zwischen Systemen verschiebbar. Braucht eine Seite eine Datendatei, können CSV in JSON umwandeln und die anderen Umwandler der Website sie vorbereiten, und dieselbe Benennungsregel gilt für das Ergebnis.
Branches und Tags in der Versionsverwaltung benennen
Teams, die für jede Arbeit Branches verwenden, nennen sie fix-login-redirect oder add-search-filter. Ein Branch-Name wird in Listen, in Pull-Requests und im Chat gelesen, und eine kurze Wendung mit Bindestrichen lässt sich leicht überfliegen. Viele Teams stellen einen Typ und einen Schrägstrich voran: feature/add-search-filter. Um den Teil nach dem Schrägstrich zu bilden, wandeln Sie Text aus dem Titel der Aufgabe in kebab-case um.
Attribute und benutzerdefinierte Eigenschaften benennen
Benutzerdefinierte Eigenschaften in CSS wie --space-large und --brand-primary stehen üblicherweise in kebab-case, ebenso HTML-Datenattribute. Arbeiten Sie auch mit Farben, brauchen Sie für die Werte hinter solchen Namen womöglich HEX in RGB umrechnen.
Alte und neue Namen festhalten
Benennen Sie einen Stapel Dateien oder Klassen um, führen Sie eine zweispaltige Liste der alten und neuen Namen. Sie hilft bei Suchen und Ersetzen, bei Weiterleitungen und beim Erklären an einen Kollegen, was geschehen ist. Ein Umwandler macht die neuen Namen einheitlich; die Liste macht die Änderung nachvollziehbar.
Adressen schaffen, die halten
Zuerst an den Leser denken
Eine Adresse wird von Menschen gelesen, bevor sie von Maschinen gelesen wird. Eine kurze, klare sagt dem Besucher, wohin der Link führt, und ermutigt zum Klicken. Wenn Sie Text für einen Slug in kebab-case umwandeln, stellen Sie sich vor, er stünde ohne weitere Erklärung in einer Nachricht, und fragen Sie, ob er Sinn ergibt.
Den Bereich nicht wiederholen
Hat die Adresse bereits einen Ordner namens recipes, muss die Seite nicht best-recipes-for-summer heißen. Ein Name wie summer-salads genügt, und die Adresse liest sich recipes/summer-salads ohne Echo.
Fallen beim Umwandeln von Text in kebab-case
Es dort verwenden, wo ein Bindestrich Minus bedeutet
In den meisten Programmiersprachen ist ein Bindestrich in einem Namen eine Subtraktion. Verwenden Sie kebab-case in solchen Sprachen nicht für Variablen.
Vergessen, dass der Name schon existieren kann
Zwei Seiten mit demselben Slug kollidieren. Prüfen Sie Ihre Website oder Ihr Projekt, bevor Sie veröffentlichen.
Eine veröffentlichte Adresse ändern
Ist eine Adresse erst öffentlich, bricht ihre Änderung Links. Müssen Sie es doch tun, richten Sie eine Weiterleitung von der alten ein.
Sehr lange Namen
Lange Adressen sind unhandlich zu teilen und werden in Suchergebnissen gekürzt. Kürzen Sie die Wendung vor dem Umwandeln.
Fragen, die man vor dem Umwandeln stellt
Was geschieht mit Satzzeichen?
Sie werden als Grenze zwischen Wörtern behandelt und nicht übernommen.
Bleiben Zahlen erhalten?
Ja, als eigene Wörter, durch Bindestriche getrennt.
Kommt es mit camelCase-Eingaben zurecht?
Ja. Ein Großbuchstabe innerhalb eines Wortes markiert einen Schnitt, aus fooBar wird also foo-bar.
Kann ich es für andere Sprachen verwenden?
Ja, mit den Regeln der Sprache der Seite. Schriften ohne Leerzeichen wie Chinesisch und Japanisch kommen als ein einziges Wort zurück.
Wird mein Text hochgeladen?
Nein. Was Sie hier eintippen, wird nie irgendwohin gesendet, ein Entwurf, ein Passwort oder der Name eines Kunden ist hier so sicher wie in einem Texteditor.
Wie erhalte ich stattdessen Unterstriche?
Mit Text in snake_case umwandeln.
Ein durchgerechnetes Beispiel
Angenommen, Sie fügen einer Website einen neuen Abschnitt hinzu, und die Redaktion hat Ihnen den Titel Spring Garden: What To Plant In April (and Why) gegeben. Sie fügen ihn ein und lesen spring-garden-what-to-plant-in-april-and-why ab. Er ist lang, also kürzen Sie den Titel auf What to Plant in April und wandeln erneut um: what-to-plant-in-april. Sie verwenden ihn als Dateinamen und als Adresse und dieselben Wörter in derselben Form als Klasse der Überschrift im Stylesheet. Drei Orte, ein Name, einmal geschrieben.
Eine kurze Checkliste
Vor dem Umwandeln
Kürzen Sie die Wendung auf das, was der Name sagen muss. Prüfen Sie, dass kein bestehender Name übereinstimmt.
Beim Umwandeln
Fügen Sie die Wendung ein, lesen Sie das Ergebnis und achten Sie darauf, dass es natürlich und angemessen kurz ist.
Nach dem Umwandeln
Verwenden Sie überall, wo er gilt, denselben Namen und richten Sie eine Weiterleitung ein, falls Sie je eine veröffentlichte Adresse ändern.
Häufige Fehler
kebab-case für Variablennamen verwenden
Ein Bindestrich bedeutet in den meisten Sprachen Minus.
Namen zu lang machen
Kurze Namen lassen sich leichter teilen und merken.
Veröffentlichte Adressen ändern
Es bricht Links. Leiten Sie weiter, wenn es sein muss.
Ihr Text bleibt auf Ihrem Gerät
Die Umwandlung findet lokal statt. Ihr Text wird von Ihrem eigenen Browser verarbeitet, und nichts wird irgendwohin gesendet. Danach gibt es nichts zu löschen und kein Konto anzulegen. Das ist der schlichte Weg, Text in kebab-case umzuwandeln.
Zusammenfassung
Um Text hier in kebab-case umzuwandeln, fügen Sie eine Zeile ein und lesen sie zurück, mit zerlegten, kleingeschriebenen und durch Bindestriche verbundenen Wörtern. Eine bereits in camelCase geschriebene Zeile wird dort ebenfalls zerlegt, aus fooBar wird also foo-bar. Die Seite behält keine Satzzeichen: Kommas, Punkte und Striche sind Grenzen zwischen Wörtern, keine Zeichen, die übernommen werden, was Sie für eine CSS-Klasse oder einen Dateinamen wollen und nicht für Fließtext. Das Zerlegen in Wörter braucht Grenzen, daher kommen Chinesisch und Japanisch, ohne Leerzeichen geschrieben, als ein einziges Wort zurück. Das Kleinschreiben folgt der Sprache der Seite. Das Web bevorzugt Bindestriche, weil Suchmaschinen sie als Leerzeichen lesen. Nichts wird hochgeladen.