Mengonversi teks ke kebab-case dash-case Gratis Daring Aman
Tempel satu baris dan baca kembali dalam kebab-case. Semuanya terjadi di peramban Anda — tidak ada yang Anda ketik dikirim ke mana pun, dan aturannya mengikuti bahasa halaman ini, bukan bahasa Inggris.
Tulis dengan cara lain
Tidak ada unggahan
Baris yang sama dalam ketujuh penulisan
| Penulisan | Baris yang sama, ditulis begitu |
|---|---|
| huruf besar | CRÈME BRÛLÉE UNTUK 2 — STRASSE 17, FOOBAR |
| huruf kecil | crème brûlée untuk 2 — straße 17, foobar |
| Title Case | Crème Brûlée Untuk 2 — Straße 17, Foobar |
| snake_case | crème_brûlée_untuk_2_straße_17_foo_bar |
| kebab-case | crème-brûlée-untuk-2-straße-17-foo-bar |
| camelCase | crèmeBrûléeUntuk2Straße17FooBar |
| alamat URL | creme-brulee-untuk-2-strasse-17-foobar |
Dari mana bentuk-bentuk ini berasal
Huruf besar dan huruf kecil dahulu adalah dua abjad yang berbeda. Huruf kapital berasal dari Romawi, dipahat pada batu; huruf kecil turun dari minuskula Karolingia, dibentuk oleh pena yang berlari cepat di atas perkamen. Para pencetak menyimpan keduanya pada laci terpisah — laci atas dan laci bawah — dan namanya bertahan lama setelah lacinya lenyap. Bentuk-bentuk pemrograman jauh lebih muda dan diciptakan untuk memecahkan satu masalah: sebuah nama tak boleh memuat spasi. snake_case lahir dari masa awal C, camelCase dari Smalltalk, kebab-case dari Lisp, dan slug dari kebutuhan menaruh judul yang terbaca manusia ke dalam alamat yang tak membolehkan spasi maupun tanda diakritik.
Di mana Anda menemuinya
Huruf besar pada tiap kata adalah milik judul dan sampul buku; huruf besar awal kalimat milik hampir segala yang lain, dan makin lama makin milik antarmuka, sebab lebih cepat dibaca. snake_case menamai kolom basis data dan peubah Python; camelCase menamai peubah JavaScript dan metode Java; kebab-case menamai kelas CSS dan nama berkas pada proyek web. Slug adalah yang mengubah judul sebuah tulisan menjadi bagian terakhir alamatnya, dan ia satu-satunya konversi di sini yang dibaca mesin pencari.
Pertanyaan yang sering diajukan
Mengapa pengubahan ke huruf besar kadang mengubah jumlah huruf?
Karena besar-kecil huruf adalah sifat bahasa, bukan sifat karakter. ß Jerman menjadi SS dalam huruf besar, jadi satu huruf menjadi dua. Bahasa Turki punya i bertitik dan i tak bertitik, dan huruf besar dari i adalah İ, bukan I — salah di sini mengubah sebuah kata Turki menjadi kata lain. Konversi di sini mengikuti kaidah bahasa halaman itu sendiri, karena itulah masukan yang sama dapat memberi hasil berbeda pada halaman Turki dan pada halaman Inggris.
Mengapa slug membuang tanda diakritik dan tanda baca?
Karena sebuah alamat harus selamat ketika disalin ke dalam pesan, dicetak di atas kertas, dan diketik ulang dengan tangan. Huruf berdiakritik sah dalam URL modern, tetapi tersandi persen ketika disalin, sehingga alamat yang terbaca berubah menjadi deretan lambang. Menyusutkannya menjadi huruf biasa, angka, dan tanda hubung membuat alamat tetap terbaca, mudah dibagikan, dan sama di mana pun ia muncul.
Apakah hasilnya tepat?
Bila kedua satuan saling didefinisikan dengan bilangan bulat, ya — halaman menyatakannya di atas angka, dan pembulatan hanya ada pada berapa digit yang ditampilkan. Bila rasionya tidak berujung sebagai desimal, halaman menampilkan dua belas angka penting dan menyebut hubungannya hampiran, bukan berpura-pura sebaliknya.
Apakah yang saya ketik meninggalkan perangkat saya?
Tidak. Perhitungan berjalan di peramban Anda; tidak ada yang diunggah, dan memang tidak ada server untuk menerimanya. Sekali dimuat, halaman tetap bekerja meski jaringan dimatikan.
Mengapa Anda konversi teks ke kebab-case
Lihat bilah alamat hampir semua situs web yang terawat dan Anda akan menemukan kata-kata disambung tanda hubung: how-to-repot-a-fern, annual-report-2026, contact-us. Lihat ke dalam stylesheet dan nama kelasnya melakukan hal yang sama: main-menu, card-title, button-primary. Lihat bendera alat baris perintah dan Anda menemukan --dry-run dan --no-cache. Inilah kebab-case, kata-kata kecil yang dirangkai pada tanda hubung seperti daging pada tusuk, dan ia bentuk yang dipilih web untuk nama yang dapat dilihat orang. Konversi teks ke kebab-case berarti mengambil frasa seperti yang Anda ucapkan dan mengubahnya menjadi nama yang berfungsi dalam alamat, kelas, cabang, atau berkas.
Tempel satu baris dan baca kembali dalam kebab-case. Konversi terjadi di browser Anda, tidak ada yang Anda ketik dikirim ke mana pun, dan aturannya mengikuti bahasa halaman ini dan bukan bahasa Inggris. Ia memotong baris menjadi kata, mengecilkan hurufnya, dan menyambungnya dengan tanda hubung. Baris yang sudah ditulis dalam camelCase juga dipotong di sana, jadi fooBar menjadi foo-bar. Di bawah Anda akan menemukan apa persisnya yang dilakukan dan tidak dilakukan halaman ini, bagaimana ia memperlakukan huruf-huruf janggal berbagai bahasa, mengapa web lebih suka tanda hubung daripada garis bawah, di mana kebab-case menjadi konvensi, dan jebakan yang menangkap orang yang konversi teks ke kebab-case dengan tergesa-gesa.
Apa yang dilakukan konversi
Potong, kecilkan, sambung
Halaman pertama-tama memotong baris menjadi kata, mengecilkan setiap huruf, dan menyambungnya dengan tanda hubung. Baris Crème brûlée for 2 — straße 17, fooBar kembali sebagai crème-brûlée-for-2-straße-17-foo-bar. Aksen dipertahankan, angka tetap sebagai kata tersendiri, tanda pisah dan koma lenyap, dan fooBar dipotong menjadi dua pada huruf kapitalnya.
Di mana pemotongan jatuh
Batas kata adalah spasi, tanda baca, tanda pisah, simbol, atau peralihan dari huruf kecil ke huruf kapital di dalam kata. Jadi Main Menu, mainMenu, main_menu, dan main--menu semuanya menjadi main-menu. Konversi menerima hampir semua titik awal dan selalu sampai pada bentuk yang sama, itulah yang menjadikannya langkah terakhir yang aman sebelum nama masuk ke stylesheet atau alamat.
Tanpa tanda hubung liar
Pemisah yang berulang dipadatkan menjadi satu, dan tidak ada tanda hubung tersisa di awal atau akhir. Frasa berantakan seperti ...Hello, World!! keluar sebagai hello-world, tanpa apa pun menggantung di ujungnya.
Apa yang tidak dilakukan konversi
Ia tidak mempertahankan tanda baca
Koma, titik, dan tanda pisah adalah batas antarkata, bukan karakter untuk dibawa. Itulah yang Anda inginkan untuk kelas CSS atau nama berkas, dan bukan yang Anda inginkan untuk prosa. Kalimat yang dijalankan melalui halaman ini kembali sebagai nama, dan tanda baca aslinya lenyap.
Ia tidak menghapus aksen
Baris mempertahankan huruf beraksennya: crème-brûlée. Browser dan server modern menerimanya dalam nama dan alamat, tetapi alat yang lebih tua mungkin tidak, dan alamat beraksen di-escape menjadi kode persen saat disalin. Jika Anda memerlukan huruf polos, halaman URL slug juga menghapus tanda pada huruf Latin.
Ia tidak memeriksa bahwa nama itu bebas
Dua frasa berbeda dapat menghasilkan nama yang sama, dan halaman tidak tahu apakah nama sudah dipakai di situs atau proyek Anda. Periksa bentrokan sebelum Anda menerbitkan.
Bahasa itu penting
Aksara yang ditulis tanpa spasi
Memotong menjadi kata memerlukan batas. Bahasa Mandarin dan Jepang ditulis tanpa spasi, jadi baris dalam aksara itu kembali sebagai satu kata. Halaman lebih suka mengatakannya daripada memotong di tempat yang ditebaknya.
Turki dan i bertitik
Pengecilan huruf mengikuti aturan bahasa halaman. Dalam bahasa Turki bentuk kecil I adalah ı, tanpa titik, dan bentuk kecil İ adalah i. Konverter yang menerapkan aturan Inggris mengubah kata-katanya. Halaman ini mengikuti bahasa tempat ia ditulis.
Jerman dan s tajam
ß Jerman sudah huruf kecil dan tetap: straße-17. STRASSE kapital kembali sebagai strasse, karena bentuk kapital tidak ingat apakah ia berasal dari ß atau dari dua huruf.
Aksara kanan-ke-kiri dan India
Arab, Ibrani, dan aksara India punya spasi antarkata dan tidak punya huruf besar-kecil. Halaman menyambung kata-katanya dengan tanda hubung dan membiarkan hurufnya.
Mengapa web lebih suka tanda hubung
Mesin pencari membaca tanda hubung sebagai spasi
Mesin pencari memperlakukan tanda hubung dalam alamat sebagai pemisah antarkata, jadi how-to-repot-a-fern dipahami sebagai lima kata. Garis bawah, sebaliknya, umumnya dibaca sebagai penyambung, dan how_to_repot_a_fern mungkin dibaca sebagai satu kata panjang. Untuk alamat yang dicari orang, tanda hubung adalah pilihan lebih baik, dan kebiasaan itu telah menyebar ke seluruh web.
Keterbacaan
Garis bawah dapat menghilang ketika tautan digarisbawahi, karena garisnya berada tepat di tempat garis bawah. Tanda hubung tetap terlihat. Itu hal kecil, tetapi menjelaskan mengapa bentuk ini bertahan dalam alamat.
Tak peka huruf besar-kecil
Alamat paling aman dalam huruf kecil, karena bagian darinya bisa peka huruf besar-kecil di beberapa server. kebab-case berhuruf kecil menurut definisi, yang menghilangkan sekeluarga kesalahan.
Di mana kebab-case menjadi konvensi
Alamat web
Bagian terakhir alamat halaman, slug, hampir selalu dalam kebab-case. Untuk alamat yang juga harus bebas aksen, pakai halaman URL slug.
CSS dan HTML
Properti CSS dalam kebab-case (background-color, font-size), begitu pula sebagian besar nama kelas dan properti kustom (--brand-color). Atribut HTML seperti data-user-id mengikuti gaya yang sama. Ketika Anda menciptakan nama kelas untuk komponen, kebab-case adalah yang diharapkan pembaca stylesheet Anda. Jika komponen juga digambar dengan ukuran, px ke rem membantu soal panjangnya.
Nama berkas dan folder
Kata huruf kecil yang disambung tanda hubung adalah nama berkas yang aman di setiap sistem, itulah sebabnya pembuat situs statis dan banyak kerangka kerja memakainya untuk halaman dan aset.
Opsi baris perintah dan nama paket
Bendera seperti --dry-run, nama paket pada registri seperti npm, dan cabang Git seperti feature/login-form semuanya mengikuti kebab-case. Frasa yang diubah menjadi bentuk ini kemungkinan diterima alat yang Anda pakai.
Lisp dan sepupunya
Bentuk ini berasal dari Lisp, di mana tanda hubung diizinkan dalam nama karena bahasa itu tidak memakainya sebagai tanda kurang tanpa spasi di sekelilingnya. Nama kebab-case adalah lelucon tentang tusukan, dan ia melekat.
Di mana ia bukan konvensi
Python, Ruby, dan basis data
Mereka lebih suka garis bawah, karena tanda hubung akan dibaca sebagai minus. Untuk mereka, pakai snake_case.
Variabel JavaScript dan Java
Tanda hubung dalam nama variabel adalah pengurangan. Bahasa-bahasa ini memakai camelCase. Kebab-case mungkin tetap muncul dalam nilai string, nama berkas, dan CSS mereka.
Prosa dan judul
kebab-case untuk nama. Judul dan kalimat harus mempertahankan spasi dan huruf kapitalnya. Untuk judul bagian, pertimbangkan Title Case.
Cara konversi teks ke kebab-case di sini
Tempel atau ketik teks Anda
Masukkan frasa di kolom pertama. Hasilnya muncul seketika di kolom kedua, jadi Anda dapat melihatnya berubah saat Anda mengetik.
Periksa namanya
Pastikan ia terbaca wajar dan tidak terlalu panjang. Alamat lebih dari sekitar enam puluh karakter terpotong di hasil pencarian. Slug yang baik pendek dan menyatakan apa halaman itu.
Salin
Tekan tombol salin dan tempel hasilnya di tempat yang Anda perlukan. Untuk bentuk lain dari baris yang sama, lihat di bawah.
Baris yang sama dalam ketujuh tulisan
Tabel bentuk
Di bawah konverter, tabel menunjukkan baris contoh dalam ketujuh bentuk yang ditawarkan situs: huruf besar, huruf kecil, Title Case, snake_case, kebab-case, camelCase, dan URL slug. Ini cara cepat melihat bagaimana kata-kata yang sama tampak pada masing-masing.
Dari mana bentuk-bentuk ini berasal
Dua alfabet
Huruf kapital dan huruf kecil dulu adalah dua alfabet berbeda. Huruf kapital adalah Romawi, dipahat ke batu dengan pahat; huruf kecil turun dari minuskul Karolingia, dibentuk pena yang bergerak cepat di atas perkamen. Para pencetak menyimpan keduanya di baki terpisah, kotak atas dan kotak bawah, dan namanya bertahan lama setelah bakinya tiada.
Nama tanpa spasi
Bentuk pemrograman jauh lebih muda dan diciptakan untuk memecahkan satu masalah: nama tidak boleh memuat spasi. snake_case muncul dari C awal, camelCase dari Smalltalk, kebab-case dari Lisp, dan URL slug dari kebutuhan menaruh judul manusia ke alamat di mana spasi dan aksen tidak diizinkan.
Nama yang berfungsi baik dalam praktik
Pendek dan deskriptif
Nama kebab-case yang baik menyatakan apa benda itu dalam kata sesedikit mungkin. contact-us lebih baik daripada please-get-in-touch-with-our-team. Ketika Anda konversi teks ke kebab-case, pangkas frasa lebih dulu.
Stabil sepanjang waktu
Nama dalam alamat adalah janji: situs lain menautkannya. Pilih nama yang masih benar setelah desain ulang, dan hindari tanggal dan nomor versi kecuali itulah intinya.
Konsisten di seluruh proyek
Jika setiap alamat halaman, nama kelas, dan nama berkas mengikuti aturan yang sama, pendatang baru dapat menebak nama dengan benar. Ketika Anda konversi teks ke kebab-case untuk halaman baru, periksa tetangganya untuk polanya.
Bebas dari kata henti, jika Anda mau
Sebagian orang membuang kata seperti the, a, dan of dari alamat agar tetap pendek. Itu soal selera: alamat yang lebih pendek lebih rapi, yang lebih lengkap terbaca lebih baik saat diucapkan.
Kebab-case dalam proyek nyata
Menamai kelas CSS
Nama komponen dalam stylesheet terbaca paling baik sebagai frasa pendek bertanda hubung: card, card-title, card-footer. Metodologi seperti BEM menambahkan tanda hubung ganda dan garis bawah untuk variasi, tetapi dasar setiap kelas tetap nama huruf kecil bertanda hubung. Ketika Anda konversi teks ke kebab-case untuk sebuah kelas, Anda memberi pengembang berikutnya nama yang dapat mereka tebak.
Menamai berkas dan folder untuk situs
Struktur situs sering mencerminkan alamatnya, dengan berkas bernama what-to-plant-in-april.html atau folder bernama garden-guides. Nama bertanda hubung yang konsisten membuat struktur mudah dijelajahi, mudah ditautkan, dan mudah dipindah antarsistem. Jika halaman memerlukan berkas data, CSV ke JSON dan konverter lain situs ini dapat menyiapkannya, dan aturan penamaan yang sama berlaku untuk hasilnya.
Menamai cabang dan tag dalam kontrol versi
Tim yang memakai cabang untuk setiap pekerjaan menamainya fix-login-redirect atau add-search-filter. Nama cabang dibaca dalam daftar, dalam pull request, dan dalam obrolan, dan frasa pendek bertanda hubung mudah dipindai. Banyak tim memberi awalan dengan jenis dan garis miring: feature/add-search-filter. Untuk membuat bagian setelah garis miring, konversi teks ke kebab-case dari judul tugas.
Menamai atribut dan properti kustom
Properti kustom di CSS, seperti --space-large dan --brand-primary, secara konvensi dalam kebab-case, begitu pula atribut data HTML. Jika Anda juga bekerja dengan warna, notasi HEX ke RGB mungkin diperlukan untuk nilai yang berada di balik nama semacam itu.
Menyimpan catatan nama lama dan baru
Ketika Anda mengganti nama sekumpulan berkas atau kelas, simpan daftar dua kolom nama lama dan baru. Itu membantu pencarian dan penggantian, pengalihan, dan menjelaskan kepada rekan apa yang terjadi. Konverter membuat nama baru konsisten; daftar membuat perubahan dapat diaudit.
Membuat alamat yang tahan lama
Pikirkan pembaca lebih dulu
Alamat dibaca orang sebelum dibaca mesin. Alamat yang pendek dan jelas memberi tahu pengunjung ke mana tautan akan membawa mereka dan mendorong mereka mengeklik. Ketika Anda konversi teks ke kebab-case untuk sebuah slug, bayangkan ia ditempel dalam pesan tanpa penjelasan lain, dan tanyakan apakah ia masuk akal.
Jangan ulangi bagian
Jika alamat sudah punya folder bernama recipes, halaman tidak perlu dinamai best-recipes-for-summer. Nama seperti summer-salads sudah cukup, dan alamat terbaca recipes/summer-salads tanpa gema.
Jebakan saat Anda konversi teks ke kebab-case
Memakainya di mana tanda hubung berarti minus
Dalam sebagian besar bahasa pemrograman, tanda hubung di dalam nama adalah pengurangan. Jangan pakai kebab-case untuk variabel dalam bahasa semacam itu.
Melupakan bahwa nama mungkin sudah ada
Dua halaman dengan slug yang sama bentrok. Periksa situs atau proyek Anda sebelum Anda menerbitkan.
Mengubah alamat yang sudah terbit
Begitu alamat publik, mengubahnya memutus tautan. Jika harus, siapkan pengalihan dari yang lama.
Nama yang sangat panjang
Alamat panjang canggung dibagikan dan dipersingkat di hasil pencarian. Pangkas frasa sebelum mengonversi.
Pertanyaan yang sering diajukan sebelum mengonversi
Apa yang terjadi pada tanda baca?
Ia diperlakukan sebagai batas antarkata dan tidak dibawa.
Apakah angka dipertahankan?
Ya, sebagai kata tersendiri, dipisahkan tanda hubung.
Apakah ia menangani masukan camelCase?
Ya. Huruf kapital di dalam kata menandai pemotongan, jadi fooBar menjadi foo-bar.
Bisakah saya memakainya untuk bahasa lain?
Ya, dengan aturan bahasa halaman. Aksara tanpa spasi, seperti Mandarin dan Jepang, kembali sebagai satu kata.
Apakah teks saya diunggah?
Tidak. Apa yang Anda ketik di sini tidak pernah dikirim ke mana pun, jadi draf, kata sandi, atau nama klien seaman di sini seperti di editor teks.
Bagaimana cara mendapat garis bawah sebagai gantinya?
Dengan konversi teks ke snake_case.
Contoh hitungan
Katakanlah Anda menambahkan bagian baru ke situs web dan editor memberi Anda judul Spring Garden: What To Plant In April (and Why). Anda menempelnya dan membaca spring-garden-what-to-plant-in-april-and-why. Itu panjang, jadi Anda mempersingkat judul menjadi What to Plant in April dan mengonversi lagi: what-to-plant-in-april. Anda memakainya sebagai nama berkas dan sebagai alamat, dan kata yang sama, dalam bentuk yang sama, sebagai kelas judul bagian di stylesheet. Tiga tempat, satu nama, ditulis sekali.
Daftar periksa singkat
Sebelum mengonversi
Persingkat frasa menjadi apa yang harus dikatakan nama. Periksa bahwa tak ada nama yang ada yang cocok.
Saat mengonversi
Tempel frasa, baca hasilnya, dan pastikan wajar dan cukup pendek.
Setelah mengonversi
Pakai nama yang sama di mana pun berlaku, dan siapkan pengalihan jika Anda pernah mengubah alamat yang sudah terbit.
Kesalahan umum
Memakai kebab-case untuk nama variabel
Tanda hubung berarti minus di sebagian besar bahasa.
Membuat nama terlalu panjang
Nama pendek lebih mudah dibagikan dan diingat.
Mengubah alamat yang sudah terbit
Itu memutus tautan. Alihkan jika harus.
Teks Anda tetap di perangkat Anda
Konversi terjadi secara lokal. Teks Anda ditangani oleh browser Anda sendiri dan tidak ada yang dikirim ke mana pun. Tidak ada yang perlu dihapus setelahnya dan tidak ada akun yang harus dibuat. Itulah cara sederhana untuk konversi teks ke kebab-case.
Ringkasan
Untuk konversi teks ke kebab-case di sini, tempel satu baris dan baca kembali dengan kata dipotong, dikecilkan hurufnya, dan disambung tanda hubung. Baris yang sudah ditulis dalam camelCase juga dipotong di sana, jadi fooBar menjadi foo-bar. Halaman tidak mempertahankan tanda baca: koma, titik, dan tanda pisah adalah batas antarkata, bukan karakter untuk dibawa, yang merupakan apa yang Anda inginkan untuk kelas CSS atau nama berkas dan bukan untuk prosa. Memotong menjadi kata memerlukan batas, jadi bahasa Mandarin dan Jepang, yang ditulis tanpa spasi, kembali sebagai satu kata. Pengecilan huruf mengikuti bahasa halaman. Web lebih suka tanda hubung karena mesin pencari membacanya sebagai spasi. Tidak ada yang diunggah.