केबाब केस कन्वर्टर — मुफ्त ऑनलाइन टूल
क्या है कबाब केस कन्वर्टर?
केबाब केस (kebab-case) एक नामकरण कन्वेंशन है जो शब्दों को हाइफ़न से जोड़ता है और सभी अक्षरों को छोटे अक्षरों (lowercase) में बदल देता है। परिणाम कुछ इस तरह दिखता है-यह-केबाब-केस-है — शब्द डैश से जुड़े होते हैं, जो केबाब की सीख पर लगी सामग्रियों जैसा दिखता है। यह CSS क्लास नामों, URL स्लग्स, HTML आईडी और डेटा एट्रिब्यूट्स, और कई वेब फ्रेमवर्क्स में फ़ाइल नामों के लिए मानक नामकरण प्रारूप है। यह टूल किसी भी इनपुट — प्लेन टेक्स्ट, कैमलकेस, स्नेककेस, या पैस्केलकेस — को स्वच्छ, URL-सुरक्षित केबाब-केस आउटपुट में बदल देता है, जिसका आप तुरंत उपयोग कर सकते हैं।
कब उपयोग करें कबाब केस कन्वर्टर?
CSS क्लास नामों और BEM-शैली के सेलेक्टर्स के लिए kebab-case, ब्लॉग पोस्ट और उत्पाद पृष्ठों के लिए URL स्लग, HTML डेटा एट्रिब्यूट्स, और YAML फ़ाइलों में कॉन्फ़िगरेशन कुंजियों का उपयोग करें। जावास्क्रिप्ट के camelCase प्रॉपर्टी नामों और CSS के kebab-case समकक्षों (जैसे backgroundColor → background-color) के बीच स्विच करने वाले फ्रंटएंड डेवलपर्स इस टूल का नियमित रूप से उपयोग करते हैं। स्वच्छ URL स्लग बनाने वाले SEO पेशेवरों को यह सहायक लगेगा — सर्च इंजन हाइफ़न को शब्दों के विभाजक के रूप में मानते हैं, जिससे केबाब-केस स्वाभाविक रूप से SEO-अनुकूल हो जाता है। अतिरिक्त सफ़ाई के साथ URL स्लग जनरेशन के लिए, URL स्लग जनरेटर आज़माएँ। पाइथन या डेटाबेस नामकरण के लिए, स्नेक केस कन्वर्टर का उपयोग करें।
इस टूल का उपयोग कैसे करें
- 1Enter your text or phrase
- 2Click 'Convert' to get kebab-case
- 3Copy your URL-friendly slug
यह टूल विशेष अक्षरों को हटाता है, सभी अक्षरों को छोटे अक्षरों में बदलता है, और रिक्त स्थान, अंडरस्कोर, पूर्ण विराम तथा कैमलकेस सीमाओं को हाइफ़न से बदल देता है। परिणाम हमेशा एक स्वच्छ, छोटे अक्षरों में लिखी, हाइफ़न-से-अलग की गई स्ट्रिंग होता है।
उदाहरण
| 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 |
नियम और व्यवहार
- सभी शब्दों को छोटे अक्षरों में परिवर्तित किया जाता है। इनपुट प्रारूप चाहे कोई भी हो — UPPERCASE, Title Case, camelCase — आउटपुट में प्रत्येक अक्षर छोटा होगा।
- शब्दों को हाइफ़न (- ) से अलग किया जाता है। रिक्त स्थान, अंडरस्कोर, बिंदु और कैमलकेस अक्षर संक्रमण सभी को एकल हाइफ़न से बदलकर स्वच्छ केबाब-केस तैयार किया जाता है।
- विशेष अक्षर और विराम चिह्न हटा दिए जाते हैं। केवल अक्षर (a–z), अंक (0–9) और हाइफ़न शेष रहते हैं, जिससे आउटपुट URL, CSS चयनकर्ताओं और HTML विशेषताओं में उपयोग के लिए सुरक्षित हो जाता है।
संबंधित टूल
अक्सर पूछे जाने वाले प्रश्न
केबाब-केस क्या है?
केबाब-केस एक नामकरण संधि है जिसमें सभी शब्द छोटे अक्षरों में होते हैं और हाइफ़न से अलग किए जाते हैं, जैसे my-component-name। यह एक केबाब की सीख पर पिरोई गई सामग्री जैसा दिखता है। यह Angular और Ember सहित कई वेब फ्रेमवर्क्स में CSS क्लास नामों, HTML एट्रिब्यूट्स, URL पथों और फ़ाइल नामों के लिए मानक है।
कबाब-केस का उपयोग कब किया जाता है?
CSS क्लास नाम (.nav-bar, .btn-primary), HTML आईडी एट्रिब्यूट, URL स्लग्स (/blog/my-post-title), Lisp और Clojure पहचानकर्ता, Angular कंपोनेंट सेलेक्टर्स, और YAML कॉन्फ़िगरेशन कीज़ सभी kebab-case का उपयोग करते हैं। यह npm पैकेज नामों और कई CLI कमांड नामों के लिए भी डिफ़ॉल्ट है।
क्या kebab-case, spinal-case या lisp-case के समान है?
हाँ, वे एक समान हैं — सभी छोटे अक्षरों वाले शब्द, जिन्हें हाइफ़न से अलग किया गया है। नाम समुदाय के अनुसार भिन्न होता है: वेब डेवलपर्स इसे 'केबाब-केस' कहते हैं, लिस्प प्रोग्रामर्स इसे 'लिस्प-केस' कहते हैं, और कुछ इसे 'स्पाइनल-केस' कहते हैं। हमारा टूल, आप इसे जो भी कहें, एक ही आउटपुट देता है।
कबाब-केस यूआरएल के लिए क्यों अच्छा है?
Google जैसे सर्च इंजन हाइफ़न को शब्दों के विभाजक के रूप में मानते हैं, इसलिए kebab-case URLs (जैसे /best-free-tools) को अलग-अलग कीवर्ड के रूप में ठीक से इंडेक्स किया जाता है। snake_case URLs में अंडरस्कोर को शब्दों को जोड़ने वाले के रूप में माना जाता है, जिससे SEO-अनुकूल URL स्लग्स के लिए हाइफ़न बेहतर विकल्प बनता है।
क्या मैं PascalCase को kebab-case में बदल सकता हूँ?
हाँ। यह टूल PascalCase और camelCase इनपुट में बड़े अक्षरों के संक्रमण का पता लगाता है और प्रत्येक सीमा पर हाइफ़न डालता है। उदाहरण के लिए, 'MyComponentName' 'my-component-name' बन जाता है और 'backgroundColor' 'background-color' बन जाता है।