Metni kebab-case biçimine dönüştürme dash-case Ücretsiz Çevrimiçi Güvenli
Bir satır yapıştırın, kebab-case olarak okuyun. Hepsi tarayıcınızda olur — yazdığınız hiçbir şey hiçbir yere gönderilmez — ve kurallar İngilizceyi değil, bu sayfanın dilini izler.
Başka türlü yazın
Hiçbir şey yüklenmez
Aynı satır, yedi yazımın hepsinde
| Yazım | Aynı satır, öyle yazılmış |
|---|---|
| büyük harf | İSTANBUL BOĞAZI'NDA 2 KİŞİ — CRÈME BRÛLÉE, FOOBAR |
| küçük harf | istanbul boğazı'nda 2 kişi — crème brûlée, foobar |
| Title Case | İstanbul Boğazı'Nda 2 Kişi — Crème Brûlée, Foobar |
| snake_case | istanbul_boğazı_nda_2_kişi_crème_brûlée_foo_bar |
| kebab-case | istanbul-boğazı-nda-2-kişi-crème-brûlée-foo-bar |
| camelCase | istanbulBoğazıNda2KişiCrèmeBrûléeFooBar |
| bir URL adresi | istanbul-bogazi-nda-2-kisi-creme-brulee-foobar |
Bu biçimler nereden geliyor
Büyük ve küçük harfler bir zamanlar iki ayrı alfabeydi. Büyük harfler Roma'dandır, taşa kalemle oyulmuştur; küçük harfler, parşömen üstünde hızla koşan bir kamıştan biçimlenen Karolenj minüskülünden iner. Basımcılar ikisini ayrı kasalarda tuttu — üst kasa ile alt kasa — ve kasalar yok olduktan çok sonra bile adlar kaldı. Programlama biçimleri çok daha gençtir ve tek bir sorunu çözmek için uyduruldu: bir ad boşluk içeremez. snake_case erken C'den, camelCase Smalltalk'tan, kebab-case Lisp'ten, URL slug'ı ise insanın okuyacağı bir başlığı, boşluk ve aksan kabul etmeyen bir adrese koyma ihtiyacından doğdu.
Onlarla nerede karşılaşırsınız
Her sözcüğü büyük harfle yazmak başlıklara ve kitap kapaklarına aittir; cümle düzeninde yazmak ise geri kalan hemen her şeye ve giderek arayüzlere, çünkü daha hızlı okunur. snake_case veritabanı sütunlarını ve Python değişkenlerini adlandırır; camelCase JavaScript değişkenlerini ve Java yöntemlerini; kebab-case CSS sınıflarını ve web projelerindeki dosya adlarını. Slug ise bir yazının başlığını adresinin son parçasına dönüştüren şeydir ve buradaki çevrimler arasında arama motorlarının okuduğu tek çevrim odur.
Sık sorulan sorular
Büyük harfe çevirmek neden bazen harf sayısını değiştiriyor?
Çünkü harf büyüklüğü dilin bir özelliğidir, karakterin değil. Almancadaki ß büyük harfte SS olur; bir harf ikiye çıkar. Türkçede noktalı ve noktasız i vardır; i'nin büyüğü I değil İ'dir — burada yanılmak Türkçe bir sözcüğü başka bir sözcüğe çevirir. Buradaki çevrimler sayfanın kendi dilinin kurallarını izler; aynı girdinin Türkçe sayfada İngilizce sayfadakinden başka çıkmasının sebebi budur.
Slug neden aksanları ve noktalama işaretlerini atıyor?
Çünkü bir adresin, bir iletiye kopyalanmaya, kâğıda basılmaya ve elle yeniden yazılmaya dayanması gerekir. Aksanlı harfler modern bir adreste geçerlidir, ama kopyalanınca yüzde işaretleriyle kodlanır ve okunur bir adres bir simge dizisine döner. Onları yalın harflere, rakamlara ve kısa çizgilere indirmek, adresi okunur, paylaşılır ve göründüğü her yerde aynı tutar.
Sonuç kesin mi?
İki birim birbirinden tam sayılarla tanımlanıyorsa evet — sayfa bunu rakamın üstünde söyler ve tek yuvarlama kaç basamak gösterildiğindedir. Oranın sonlu bir ondalığı yoksa sayfa on iki anlamlı basamak gösterir ve ilişkinin yaklaşık olduğunu söyler, başka türlüymüş gibi yapmaz.
Yazdıklarım cihazımdan çıkıyor mu?
Hayır. Hesap tarayıcınızda yapılır; hiçbir şey yüklenmez, zaten yükleyecek bir sunucu da yok. Sayfa bir kez açıldıktan sonra ağ kapalıyken de çalışır.
Metni neden kebab-case'e dönüştürürsünüz
Neredeyse herhangi bir bakımlı web sitesinin adres çubuğuna bakın; tirelerle birleştirilmiş sözcükler bulursunuz: how-to-repot-a-fern, annual-report-2026, contact-us. Bir stil sayfasının içine bakın; sınıf adları aynısını yapar: main-menu, card-title, button-primary. Komut satırı araçlarının bayraklarına bakın; --dry-run ve --no-cache bulursunuz. Bu kebab-case'dir; sözcükler küçük harfli ve bir şişteki et gibi bir tire boyunca dizilidir ve web'in insanların görebileceği adlar için benimsediği biçimdir. Metni kebab-case'e dönüştürmek, söyleyeceğiniz gibi bir ifadeyi alıp bir adreste, bir sınıfta, bir dalda ya da bir dosyada işleyen bir ada çevirmektir.
Bir satır yapıştırın ve kebab-case olarak geri okuyun. Dönüşüm tarayıcınızda gerçekleşir, yazdığınız hiçbir şey hiçbir yere gönderilmez ve kurallar İngilizceyi değil, bu sayfanın dilini izler. Satırı sözcüklere keser, onları küçük harfe çevirir ve tirelerle birleştirir. Zaten camelCase yazılmış bir satır orada da kesilir; böylece fooBar foo-bar olur. Aşağıda sayfanın tam olarak ne yaptığını ve ne yapmadığını, farklı dillerin zor harflerine nasıl davrandığını, web'in neden alt çizgiler yerine tireleri tercih ettiğini, kebab-case'in nerede gelenek olduğunu ve metni aceleyle kebab-case'e dönüştürenleri yakalayan tuzakları bulacaksınız.
Dönüşümün yaptığı
Kes, küçült, birleştir
Sayfa önce satırı sözcüklere keser, her birini küçük harfe çevirir ve tirelerle birleştirir. Crème brûlée for 2 — straße 17, fooBar satırı crème-brûlée-for-2-straße-17-foo-bar olarak geri gelir. Aksanlar korunur, sayılar kendi başlarına birer sözcük olarak kalır, tire ve virgül gitmiştir ve fooBar büyük harfte ikiye kesilir.
Kesimlerin düştüğü yerler
Bir sözcük sınırı bir boşluk, bir noktalama işareti, bir tire, bir simge ya da bir sözcüğün içinde küçük harften büyük harfe geçiştir. Yani Main Menu, mainMenu, main_menu ve main--menu hepsi main-menu olur. Dönüşüm hemen hemen her başlangıç noktasını kabul eder ve her zaman aynı biçime varır; bir adın bir stil sayfasına ya da bir adrese girmeden önceki güvenli son adımı olmasını sağlayan budur.
Başıboş tire yok
Tekrarlanan ayırıcılar bire sıkıştırılır ve başta ya da sonda hiçbir tire bırakılmaz. ...Hello, World!! gibi dağınık bir ifade hello-world olarak çıkar; uçlarda sarkan hiçbir şey olmadan.
Dönüşümün yapmadığı
Noktalamayı korumaz
Virgüller, noktalar ve tireler sözcükler arasındaki sınırlardır, taşınacak karakterler değil. Bir CSS sınıfı ya da bir dosya adı için istediğiniz budur ve düzyazı için istediğiniz değildir. Sayfadan geçirilen bir cümle bir ad olarak geri gelir ve özgün noktalama gitmiştir.
Aksanları kaldırmaz
Satır aksanlı harflerini korur: crème-brûlée. Modern tarayıcılar ve sunucular onları adlarda ve adreslerde kabul eder, ama eski araçlar etmeyebilir ve aksanlı bir adres kopyalandığında yüzde kodlarına dönüşür. Düz harflere ihtiyacınız varsa URL slug sayfası Latin harflerinden işaretleri de kaldırır.
Adın boş olup olmadığını kontrol etmez
İki farklı ifade aynı adı üretebilir ve sayfa bir adın sitenizde ya da projenizde zaten kullanılıp kullanılmadığını bilmez. Yayımlamadan önce çakışmaları kontrol edin.
Dil önemlidir
Boşluksuz yazılan yazılar
Sözcüklere kesmek sınırlar gerektirir. Çince ve Japonca boşluksuz yazılır; bu yüzden bu yazılardaki bir satır tek bir sözcük olarak geri gelir. Sayfa, tahmin ettiği bir yerden kesmektense bunu söylemeyi tercih eder.
Türkçe ve noktalı i
Küçük harfe çevirme sayfanın dilinin kurallarını izler. Türkçede I'nın küçük biçimi noktasız ı'dır ve İ'nin küçük biçimi i'dir. İngilizce kurallar uygulayan bir dönüştürücü sözcükleri değiştirir. Bu sayfa yazıldığı dili izler.
Almanca ve keskin s
Almanca ß zaten küçüktür ve kalır: straße-17. Büyük harfli STRASSE strasse olarak geri gelir, çünkü büyük harf biçimi ß'den mi yoksa iki harften mi geldiğini hatırlamaz.
Sağdan sola ve Hint yazıları
Arapça, İbranice ve Hint yazılarında sözcükler arasında boşluk vardır ve büyük-küçük harf yoktur. Sayfa sözcüklerini tirelerle birleştirir ve harflere dokunmaz.
Web'in neden tireleri tercih ettiği
Arama motorları tireleri boşluk olarak okur
Arama motorları bir adresteki tireyi sözcükler arasında bir ayırıcı olarak ele alır; bu yüzden how-to-repot-a-fern beş sözcük olarak anlaşılır. Buna karşılık bir alt çizgi genellikle bir birleştirici olarak okunur ve how_to_repot_a_fern tek bir uzun sözcük olarak okunabilir. İnsanların aradığı adresler için tireler daha iyi seçimdir ve bu alışkanlık bütün web'e yayılmıştır.
Okunabilirlik
Bir bağlantının altı çizildiğinde bir alt çizgi kaybolabilir, çünkü çizgi tam alt çizginin olduğu yerde durur. Bir tire görünür kalır. Küçük bir noktadır, ama biçimin adreslerde neden tuttuğunu açıklar.
Büyük-küçük harf duyarsızlığı
Adresler küçük harfle en güvenlidir, çünkü bazı sunucularda bunların bölümleri büyük-küçük harfe duyarlı olabilir. kebab-case tanım gereği küçük harftir; bu, bir hata ailesini ortadan kaldırır.
kebab-case'in gelenek olduğu yerler
Web adresleri
Bir sayfa adresinin son bölümü, slug, neredeyse her zaman kebab-case'dir. Aksanlardan da arınmış olması gereken adresler için URL slug sayfasını kullanın.
CSS ve HTML
CSS özellikleri kebab-case'dir (background-color, font-size) ve çoğu sınıf adı ve özel özellik de öyle (--brand-color). data-user-id gibi HTML nitelikleri aynı stili izler. Bir bileşen için bir sınıf adı icat ettiğinizde stil sayfanızın bir okuyucusunun beklediği kebab-case'dir. Bir bileşen boyutlarla da çizilmişse px'ten rem'e uzunluklarda yardımcı olur.
Dosya ve klasör adları
Tirelerle birleştirilmiş küçük harfli sözcükler her sistemde güvenli bir dosya adıdır; statik site üreteçlerinin ve birçok çatının bunları sayfalar ve varlıklar için kullanmasının nedeni budur.
Komut satırı seçenekleri ve paket adları
--dry-run gibi bayraklar, npm gibi kayıt defterlerindeki paket adları ve feature/login-form gibi Git dalları hepsi kebab-case'i izler. Bu biçime çevrilmiş bir ifadenin kullandığınız araçlar tarafından kabul edilmesi muhtemeldir.
Lisp ve kuzenleri
Biçim, tirelere adlarda izin verildiği Lisp'ten geldi; çünkü dilin onları etraflarında boşluk olmadan çıkarma işaretleri olarak kullanacağı bir yer yok. kebab-case adı şiş hakkında bir şakadır ve tuttu.
Gelenek olmadığı yerler
Python, Ruby ve veritabanları
Bunlar alt çizgileri tercih eder, çünkü bir tire eksi olarak okunurdu. Onlar için snake_case kullanın.
JavaScript değişkenleri ve Java
Bir değişken adındaki tire bir çıkarmadır. Bu diller camelCase kullanır. Kebab-case yine de onların dize değerlerinde, dosya adlarında ve CSS'te görünebilir.
Düzyazı ve başlıklar
kebab-case adlar içindir. Başlıklar ve cümleler boşluklarını ve büyük harflerini korumalıdır. Bir başlık için Title Case sayfasını düşünün.
Metni buradan kebab-case'e nasıl dönüştürürsünüz
Metninizi yapıştırın ya da yazın
İfadeyi ilk alana girin. Sonuç ikincisinde hemen görünür; böylece siz yazdıkça değiştiğini izleyebilirsiniz.
Adı kontrol edin
Doğal okunduğundan ve çok uzun olmadığından emin olun. Yaklaşık altmış karakterden uzun adresler arama sonuçlarında kesilir. İyi bir slug kısadır ve sayfanın ne olduğunu söyler.
Kopyalayın
Kopyala düğmesine basın ve sonucu ihtiyacınız olan yere yapıştırın. Aynı satırın diğer biçimleri için aşağıya bakın.
Aynı satır yedi yazımın hepsinde
Biçimlerin bir tablosu
Dönüştürücünün altında bir tablo, örnek satırı sitenin sunduğu yedi biçimin hepsinde gösterir: büyük harf, küçük harf, Title Case, snake_case, kebab-case, camelCase ve bir URL slug. Aynı sözcüklerin her birinde nasıl göründüğünü görmenin hızlı bir yoludur.
Bu biçimlerin geldiği yer
İki alfabe
Büyük ve küçük harfler bir zamanlar iki farklı alfabeydi. Büyük harfler Romalıdır; taşa keskiyle kesilmiştir; küçük harfler, bir kalemin parşömen üzerinde hızla hareket etmesiyle biçimlenen Karolenj minuskülünden gelir. Matbaacılar ikisini ayrı çekmecelerde, üst kasada ve alt kasada tuttu ve çekmeceler gittikten çok sonra adlar kaldı.
Boşluksuz adlar
Programlama biçimleri çok daha gençtir ve tek bir sorunu çözmek için icat edildi: bir ad boşluk içeremez. snake_case erken C'den, camelCase Smalltalk'tan, kebab-case Lisp'ten ve URL slug, boşlukların ve aksanların izin verilmediği bir adrese insan başlığı koyma ihtiyacından çıktı.
Pratikte iyi işleyen adlar
Kısa ve açıklayıcı
İyi bir kebab-case adı, olabildiğince az sözcükle şeyin ne olduğunu söyler. contact-us, please-get-in-touch-with-our-team'den iyidir. Metni kebab-case'e dönüştürdüğünüzde önce ifadeyi kısaltın.
Zaman içinde kararlı
Adreslerdeki adlar vaattir: başka siteler onlara bağlanır. Bir yeniden tasarımdan sonra da doğru kalacak adlar seçin ve asıl amaç bunlar olmadıkça tarihlerden ve sürüm numaralarından kaçının.
Bir proje boyunca tutarlı
Her sayfa adresi, sınıf adı ve dosya adı aynı kuralı izliyorsa yeni gelen biri adları doğru tahmin edebilir. Yeni bir sayfa için metni kebab-case'e dönüştürdüğünüzde örüntü için bir komşuya bakın.
İsterseniz durak sözcüklerden arınmış
Bazı insanlar adresleri kısa tutmak için the, a ve of gibi sözcükleri düşürür. Bu bir zevk meselesidir: kısa adres daha derli topludur, daha dolu olan yüksek sesle daha iyi okunur.
Gerçek bir projede kebab-case
CSS sınıflarını adlandırmak
Bir stil sayfasındaki bileşen adları en iyi kısa, tireli ifadeler olarak okunur: card, card-title, card-footer. BEM gibi metodolojiler varyasyonlar için çift tireler ve alt çizgiler ekler, ama her sınıfın tabanı yine küçük harfli, tireli bir addır. Bir sınıf için metni kebab-case'e dönüştürdüğünüzde bir sonraki geliştiriciye tahmin edebileceği bir ad veriyorsunuz.
Bir site için dosyaları ve klasörleri adlandırmak
Bir sitenin yapısı çoğu zaman adreslerini yansıtır; what-to-plant-in-april.html adlı bir dosya ya da garden-guides adlı bir klasörle. Tutarlı tireli adlar yapıyı gezinmesi kolay, bağlanması kolay ve sistemler arasında taşınması kolay kılar. Bir sayfanın bir veri dosyasına ihtiyacı varsa CSV'den JSON'a ve sitenin diğer dönüştürücüleri onu hazırlayabilir ve aynı adlandırma kuralı sonuca da uygulanır.
Sürüm denetiminde dalları ve etiketleri adlandırmak
Her iş parçası için dallar kullanan ekipler onları fix-login-redirect ya da add-search-filter olarak adlandırır. Bir dal adı listelerde, çekme isteklerinde ve sohbette okunur ve kısa tireli bir ifadenin taranması kolaydır. Birçok ekip bir tür ve bir eğik çizgiyle ön ek koyar: feature/add-search-filter. Eğik çizgiden sonraki kısmı yapmak için görevin başlığından metni kebab-case'e dönüştürün.
Nitelikleri ve özel özellikleri adlandırmak
--space-large ve --brand-primary gibi CSS'teki özel özellikler geleneksel olarak kebab-case'dir ve HTML veri nitelikleri de öyle. Renklerle de çalışıyorsanız bu tür adların ardındaki değerler için HEX'ten RGB'ye gösterimi gerekebilir.
Eski ve yeni adların kaydını tutmak
Bir grup dosyayı ya da sınıfı yeniden adlandırdığınızda eski ve yeni adların iki sütunlu bir listesini tutun. Bul ve değiştir, yönlendirmeler ve bir meslektaşa ne olduğunu açıklamak için yardımcı olur. Bir dönüştürücü yeni adları tutarlı kılar; liste değişikliği denetlenebilir kılar.
Kalıcı adresler yapmak
Önce okuyucuyu düşünün
Bir adresi makinelerden önce insanlar okur. Kısa ve net biri ziyaretçiye bağlantının onu nereye götüreceğini söyler ve tıklamaya teşvik eder. Bir slug için metni kebab-case'e dönüştürdüğünüzde onu başka bir açıklama olmadan bir mesaja yapıştırılmış hayal edin ve anlamlı olup olmadığını sorun.
Bölümü tekrarlamayın
Adreste zaten recipes adında bir klasör varsa sayfanın best-recipes-for-summer olarak adlandırılması gerekmez. summer-salads gibi bir ad yeterlidir ve adres yankısız recipes/summer-salads olarak okunur.
Metni kebab-case'e dönüştürürken tuzaklar
Tirenin eksi anlamına geldiği yerde kullanmak
Çoğu programlama dilinde bir adın içindeki tire bir çıkarmadır. Böyle dillerde değişkenler için kebab-case kullanmayın.
Adın var olabileceğini unutmak
Aynı slug'a sahip iki sayfa çakışır. Yayımlamadan önce sitenizi ya da projenizi kontrol edin.
Yayımlanmış bir adresi değiştirmek
Bir adres herkese açık olduktan sonra onu değiştirmek bağlantıları bozar. Zorundaysanız eskisinden bir yönlendirme kurun.
Çok uzun adlar
Uzun adreslerin paylaşılması zahmetlidir ve arama sonuçlarında kısaltılır. Dönüştürmeden önce ifadeyi kırpın.
Dönüştürmeden önce insanların sorduğu sorular
Noktalamaya ne olur?
Sözcükler arasında bir sınır olarak ele alınır ve taşınmaz.
Sayılar korunur mu?
Evet, kendi başlarına birer sözcük olarak, tirelerle ayrılarak.
camelCase girdiyi işler mi?
Evet. Bir sözcüğün içindeki büyük harf bir kesimi işaretler; bu yüzden fooBar foo-bar olur.
Başka diller için kullanabilir miyim?
Evet, sayfanın dilinin kurallarıyla. Çince ve Japonca gibi boşluksuz yazılar tek bir sözcük olarak geri gelir.
Metnim yükleniyor mu?
Hayır. Buraya yazdığınız hiçbir şey hiçbir yere gönderilmez; bu yüzden bir taslak, bir parola ya da bir müşterinin adı burada bir metin düzenleyicideki kadar güvendedir.
Bunun yerine alt çizgileri nasıl elde ederim?
metni snake_case'e dönüştürün ile.
Çalışılmış bir örnek
Bir web sitesine yeni bir bölüm eklediğinizi ve editörün size Spring Garden: What To Plant In April (and Why) başlığını verdiğini varsayın. Onu yapıştırır ve spring-garden-what-to-plant-in-april-and-why okursunuz. Uzundur, bu yüzden başlığı What to Plant in April olarak kısaltır ve yeniden dönüştürürsünüz: what-to-plant-in-april. Onu dosya adı ve adres olarak ve aynı sözcükleri, aynı biçimde, stil sayfasında başlığın sınıfı olarak kullanırsınız. Üç yer, tek ad, bir kez yazılmış.
Kısa bir kontrol listesi
Dönüştürmeden önce
İfadeyi adın söylemesi gerekene kısaltın. Hiçbir mevcut adın eşleşmediğini kontrol edin.
Dönüştürürken
İfadeyi yapıştırın, sonucu okuyun ve doğal ve makul ölçüde kısa olduğundan emin olun.
Dönüştürdükten sonra
Aynı adı uygulandığı her yerde kullanın ve yayımlanmış bir adresi değiştirirseniz bir yönlendirme kurun.
Sık yapılan hatalar
Değişken adları için kebab-case kullanmak
Çoğu dilde tire eksi demektir.
Adları çok uzun yapmak
Kısa adların paylaşılması ve hatırlanması daha kolaydır.
Yayımlanmış adresleri değiştirmek
Bağlantıları bozar. Gerekirse yönlendirin.
Metniniz cihazınızda kalır
Dönüşüm yerel olarak yapılır. Metniniz kendi tarayıcınız tarafından ele alınır ve hiçbir yere hiçbir şey gönderilmez. Sonradan silinecek bir şey yoktur ve oluşturulacak bir hesap da yoktur. Metni kebab-case'e dönüştürmenin sade yolu budur.
Özet
Metni buradan kebab-case'e dönüştürmek için bir satır yapıştırın ve onu sözcükleri kesilmiş, küçük harfe çevrilmiş ve tirelerle birleştirilmiş olarak geri okuyun. Zaten camelCase yazılmış bir satır orada da kesilir; böylece fooBar foo-bar olur. Sayfa noktalamayı korumaz: virgüller, noktalar ve tireler sözcükler arasındaki sınırlardır, taşınacak karakterler değil; bu, bir CSS sınıfı ya da bir dosya adı için istediğiniz şeydir ve düzyazı için değil. Sözcüklere kesmek sınırlar gerektirir; bu yüzden boşluksuz yazılan Çince ve Japonca tek bir sözcük olarak geri gelir. Küçük harfe çevirme sayfanın dilini izler. Web tireleri tercih eder, çünkü arama motorları onları boşluk olarak okur. Hiçbir şey yüklenmez.