Kebab Case Converter — Libreng Online na Kasangkapan
Ano ang Tagapag-convert ng Kebab Case?
Ang Kebab Case (kebab-case) ay isang konbensiyon sa pagbibigay ng pangalan na pinagsasama ang mga salita gamit ang gitling at ginagawang maliliit na titik ang lahat ng letra. Ang resulta ay mukhang ganito-is-kebab-case — ang mga salita ay magkakabit-kabit gamit ang mga gitling, na kahawig ng mga sangkap sa tusok ng kebab.
Ito ang karaniwang format ng pangalan para sa mga pangalan ng klase sa CSS, mga slug ng URL, mga id at data attribute sa HTML, at mga pangalan ng file sa maraming web framework. Ang kasangkapang ito ay nagko-convert ng anumang input — plain text, camelCase, snake_case, o PascalCase — sa malinis at URL-safe na kebab-case na output na maaari mong gamitin kaagad.
Kailan gamitin Tagapag-convert ng Kebab Case?
Gamitin ang kebab-case para sa mga pangalan ng CSS class at BEM-style selector, sa mga URL slug para sa mga blog post at pahina ng produkto, sa mga HTML data attribute, at sa mga configuration key sa mga YAML file. , backgroundColor → background-color) ay regular na gumagamit ng tool na ito. Makakatulong ito sa mga propesyonal sa SEO na gumagawa ng malilinis na URL slug — itinuturing ng mga search engine ang mga hyphen bilang tagapaghiwalay ng mga salita, kaya likas na SEO-friendly ang kebab-case.
Para sa pagbuo ng URL slug na may karagdagang sanitisation, subukan ang URL Slug Generator. Para sa pagbibigay-pangalan sa Python o database, gamitin ang Snake Case Converter.
Paano gamitin ang tool na ito
- 1Enter your text or phrase
- 2Click 'Convert' to get kebab-case
- 3Copy your URL-friendly slug
Ang kasangkapang ito ay tinatanggal ang mga espesyal na karakter, pinapababa ang lahat ng titik sa maliliit, at pinapalitan ang mga puwang, gulis, tuldok, at hangganan ng camelCase ng mga gulis-pantay. Ang resulta ay palaging isang malinis na maliliit na titik na pinaghiwalay ng gulis-pantay na string.
Mga Halimbawa
| Input | Output |
|---|---|
| Hello World | hello-world |
| backgroundColor | background-color |
| my_variable_name | my-variable-name |
| The Quick Brown Fox | the-quick-brown-fox |
| user_id_column | user-id-column |
Mga Panuntunan at Gawi
- Lahat ng salita ay ginagawang maliliit na titik. Anuman ang format ng input — UPPERCASE, Title Case, camelCase — bawat titik sa output ay magiging maliit na titik.
- Ang mga salita ay pinaghiwalay ng mga gulis (-). Ang mga puwang, mga gulis sa ilalim, mga tuldok, at paglipat ng malalaking titik sa camelCase ay pinalitan ng tig-isang gulis upang makabuo ng malinis na kebab-case.
- Tinatanggal ang mga espesyal na karakter at bantas. Tanging mga titik (a–z), numero (0–9), at gitling ang nananatili, kaya ligtas gamitin ang output sa mga URL, CSS selector, at HTML attribute.
Mga Kaugnay na Tool
Mga Madalas Itanong
Ano ang kebab-case?
Ang kebab-case ay isang konbensiyon sa pagbibigay ng pangalan kung saan ang mga salita ay lahat maliliit na titik at pinaghiwalay ng mga gulis, tulad ng my-component-name. Katulad ito ng mga sangkap na tinusok sa skewer ng kebab. Ito ang pamantayan para sa mga pangalan ng klase sa CSS, mga katangian ng HTML, mga landas ng URL, at mga pangalan ng file sa maraming web framework kabilang ang Angular at Ember.
Kailan ginagamit ang kebab-case?
Ang mga pangalan ng CSS class (.nav-bar, .btn-primary), mga HTML id attribute, mga URL slug (/blog/my-post-title), mga identifier sa Lisp at Clojure, mga selector ng Angular component, at mga susi sa konfigurasyon ng YAML ay lahat gumagamit ng kebab-case. Ito rin ang default para sa mga pangalan ng npm package at maraming pangalan ng CLI command.
Ang kebab-case ba ay pareho sa spinal-case o lisp-case?
Oo, magkapareho sila — lahat ay maliliit na titik na pinaghiwalay ng gitling. Nag-iiba ang pangalan depende sa komunidad: tinatawag itong 'kebab-case' ng mga web developer, 'lisp-case' ng mga programmer ng Lisp, at 'spinal-case' ng iba. Nagbubunga ng parehong output ang aming kasangkapan kahit ano pa ang itawag mo rito.
Bakit mabuti ang kebab-case para sa mga URL?
Tinatrato ng mga search engine tulad ng Google ang mga hyphens bilang tagapaghiwalay ng salita, kaya ang mga kebab-case na URL (hal., /best-free-tools) ay maayos na nai-index bilang magkakahiwalay na mga keyword. Ang mga underscore sa snake_case na mga URL ay tinatrato bilang tagapag-ugnay ng mga salita, kaya mas mainam ang paggamit ng hyphens para sa mga SEO-friendly na URL slug.
Maaari ko bang i-convert ang PascalCase sa kebab-case?
Oo. Natutukoy ng kasangkapang ito ang paglipat ng malalaking titik sa PascalCase at camelCase na input at naglalagay ng gitling sa bawat hangganan. Halimbawa, ang 'MyComponentName' ay nagiging 'my-component-name' at ang 'backgroundColor' ay nagiging 'background-color'.