লেখাকে kebab-case এ রূপান্তর dash-case বিনামূল্যে অনলাইন নিরাপদ
একটি লাইন পেস্ট করুন, সঙ্গে সঙ্গে kebab-case এ পড়ুন। সবকিছু আপনারই ব্রাউজারে ঘটে — আপনি যা লেখেন তা কোথাও পাঠানো হয় না — আর নিয়মগুলি ইংরেজির নয়, এই পাতার ভাষার।
অন্যভাবে লিখুন
কিছুই আপলোড হয় না
একই লাইন, সাতটি লেখাতেই
| লেখা | একই লাইন, সেভাবে লেখা |
|---|---|
| বড় হাতের অক্ষর | CRÈME BRÛLÉE ২ জনের — STRASSE 17, FOOBAR |
| ছোট হাতের অক্ষর | crème brûlée ২ জনের — straße 17, foobar |
| Title Case | Crème Brûlée ২ জনের — Straße 17, Foobar |
| snake_case | crème_brûlée_২_জন_র_straße_17_foo_bar |
| kebab-case | crème-brûlée-২-জন-র-straße-17-foo-bar |
| camelCase | crèmeBrûlée২জনরStraße17FooBar |
| একটি URL ঠিকানা | creme-brulee-২-জন-র-strasse-17-foobar |
এই রূপগুলি কোথা থেকে এসেছে
বড় হাতের আর ছোট হাতের অক্ষর এককালে দুটি আলাদা বর্ণমালা ছিল। বড় হাতের অক্ষর রোমান, বাটালি দিয়ে পাথরে খোদাই করা; ছোট হাতের অক্ষর নেমে এসেছে ক্যারোলিঞ্জীয় ছোট লিপি থেকে, যা চামড়ার পাতায় দ্রুত ছোটা কলমে গড়া। মুদ্রকেরা দুটিকে আলাদা বাক্সে রাখতেন — উপরের বাক্স আর নিচের বাক্স — আর বাক্স হারিয়ে যাওয়ার বহু পরেও নামগুলি রয়ে গেল। প্রোগ্রামিংয়ের রূপগুলি অনেক নবীন এবং একটিমাত্র সমস্যা মেটাতে উদ্ভাবিত: নামের মধ্যে ফাঁকা জায়গা রাখা চলে না। snake_case এসেছে গোড়ার দিকের C থেকে, camelCase স্মলটক থেকে, kebab-case লিস্প থেকে, আর ঠিকানার slug এসেছে এই প্রয়োজন থেকে যে মানুষের পড়ার শিরোনামকে এমন এক ঠিকানায় বসাতে হবে যেখানে ফাঁক আর কার-চিহ্ন চলে না।
কোথায় এদের দেখা পাবেন
প্রতিটি শব্দের প্রথম অক্ষর বড় করা শিরোনাম আর বইয়ের মলাটের কাজ; কেবল বাক্যের প্রথম অক্ষর বড় করা বাকি প্রায় সবকিছুর, আর ক্রমে ইন্টারফেসেরও, কারণ তা দ্রুত পড়া যায়। snake_case নাম দেয় ডেটাবেসের কলামকে আর পাইথনের চলকে; camelCase জাভাস্ক্রিপ্টের চলক আর জাভার পদ্ধতিকে; kebab-case সিএসএস শ্রেণি আর ওয়েব প্রকল্পের ফাইলের নামকে। slug সেটিই, যা কোনো লেখার শিরোনামকে তার ঠিকানার শেষ অংশে পরিণত করে, আর এখানকার রূপান্তরগুলির মধ্যে কেবল সেটিই অনুসন্ধান যন্ত্র পড়ে।
প্রায়ই জিজ্ঞাসিত প্রশ্ন
বড় হাতের অক্ষরে বদলালে কখনও কখনও অক্ষরসংখ্যা বদলায় কেন?
কারণ অক্ষরের ছোট-বড় হওয়া ভাষার ধর্ম, বর্ণের নয়। জার্মান ß বড় হাতের অক্ষরে SS হয়, ফলে একটি অক্ষর দুটি হয়ে যায়। তুর্কিতে বিন্দুযুক্ত আর বিন্দুহীন দু-রকম i আছে, আর i-এর বড় রূপ I নয়, İ — এখানে ভুল হলে একটি তুর্কি শব্দ অন্য শব্দ হয়ে যায়। এখানকার রূপান্তর পাতার নিজস্ব ভাষার নিয়ম মেনে চলে, সেজন্যই একই লেখা তুর্কি পাতায় ইংরেজি পাতার চেয়ে আলাদা ফল দিতে পারে।
slug কার-চিহ্ন আর যতিচিহ্ন সরিয়ে দেয় কেন?
কারণ একটি ঠিকানাকে টিকে থাকতে হয় বার্তায় নকল হওয়ার পরেও, কাগজে ছাপা হওয়ার পরেও, হাতে আবার টাইপ হওয়ার পরেও। কার-চিহ্নযুক্ত অক্ষর আজকের ঠিকানায় বৈধ, কিন্তু নকল করার সময় শতাংশ-সংকেতে বদলে যায়, আর পড়ার যোগ্য একটি ঠিকানা চিহ্নের সারিতে পরিণত হয়। সেগুলিকে সাধারণ অক্ষর, অঙ্ক আর হাইফেনে নামিয়ে আনলে ঠিকানা পড়ার যোগ্য থাকে, ভাগ করে নেওয়া সহজ থাকে, আর যেখানেই দেখা যাক একই রকম থাকে।
উত্তরটি কি নির্ভুল?
যেখানে দুটি একক পূর্ণসংখ্যায় একে অপরের মাধ্যমে সংজ্ঞায়িত, সেখানে হ্যাঁ — পাতাটি সংখ্যার উপরেই তা বলে, আর একমাত্র পূর্ণাঙ্কন হলো কত অঙ্ক দেখানো হবে তাতে। যেখানে অনুপাতের দশমিক শেষ হয় না, পাতাটি বারোটি সার্থক অঙ্ক দেখায় এবং বলে সম্পর্কটি আসন্ন, অন্য কিছুর ভান করে না।
আমি যা লিখি তা কি আমার যন্ত্র ছেড়ে যায়?
না। হিসাব আপনারই ব্রাউজারে হয়; কিছুই আপলোড হয় না, আর হওয়ার মতো কোনো সার্ভারও নেই। পাতাটি একবার খুললে নেটওয়ার্ক বন্ধ থাকলেও কাজ করে।
কেন আপনি টেক্সটকে kebab-case-এ রূপান্তর করেন
প্রায় যেকোনো যত্নে রাখা ওয়েবসাইটের অ্যাড্রেস বারে তাকান, আর হাইফেনে জোড়া শব্দ পাবেন: how-to-repot-a-fern, annual-report-2026, contact-us। একটি স্টাইলশিটের ভেতরে তাকান, আর ক্লাসের নামও তাই করে: main-menu, card-title, button-primary। কমান্ড-লাইন টুলের ফ্ল্যাগ দেখুন, পাবেন --dry-run আর --no-cache। এটাই kebab-case, শব্দগুলো ছোট হাতের আর একটি হাইফেনে গাঁথা, শিকে মাংসের মতো, এবং মানুষ যে নাম দেখতে পায় তার জন্য ওয়েব এই রূপই গ্রহণ করেছে। টেক্সটকে kebab-case-এ রূপান্তর করা মানে একটি বাক্যাংশকে যেভাবে আপনি বলতেন সেভাবে নিয়ে এমন একটি নামে বদলানো যা একটি ঠিকানা, ক্লাস, ব্রাঞ্চ বা ফাইলে কাজ করে।
একটি লাইন পেস্ট করুন আর kebab-case-এ ফেরত পড়ুন। রূপান্তর আপনার ব্রাউজারেই ঘটে, আপনার টাইপ করা কিছুই কোথাও পাঠানো হয় না, এবং নিয়ম অনুসরণ করে এই পাতার ভাষাকে, ইংরেজিকে নয়। এটি লাইনটিকে শব্দে কাটে, ছোট হাতের করে এবং হাইফেন দিয়ে জোড়ে। আগে থেকে camelCase-এ লেখা একটি লাইন সেখানেও কাটা হয়, তাই fooBar হয় foo-bar। নিচে পাবেন পাতাটি ঠিক কী করে আর কী করে না, বিভিন্ন ভাষার জটিল অক্ষর সে কীভাবে সামলায়, ওয়েব কেন আন্ডারস্কোরের চেয়ে হাইফেন পছন্দ করে, কোথায় kebab-case রীতি, এবং তাড়াহুড়োয় টেক্সটকে kebab-case-এ রূপান্তর করা মানুষদের যে ফাঁদ ধরে।
রূপান্তর কী করে
কাটা, ছোট হাতের করা, জোড়া
পাতাটি প্রথমে লাইনটিকে শব্দে কাটে, প্রতিটিকে ছোট হাতের করে এবং হাইফেন দিয়ে জোড়ে। Crème brûlée for 2 — straße 17, fooBar লাইনটি ফেরত আসে crème-brûlée-for-2-straße-17-foo-bar হয়ে। অ্যাকসেন্ট রাখা হয়েছে, সংখ্যাগুলো নিজস্ব শব্দ হিসেবে থেকেছে, ড্যাশ ও কমা গেছে, আর fooBar বড় হাতের অক্ষরে দুই ভাগে কাটা হয়েছে।
কাটা কোথায় পড়ে
শব্দের সীমানা হলো একটি ফাঁক, একটি বিরামচিহ্ন, একটি ড্যাশ, একটি প্রতীক বা শব্দের ভেতরে ছোট হাতের অক্ষর থেকে বড় হাতের অক্ষরে ধাপ। তাই Main Menu, mainMenu, main_menu এবং main--menu সবই main-menu হয়। রূপান্তর প্রায় যেকোনো শুরুর বিন্দু গ্রহণ করে আর সব সময় একই রূপে পৌঁছায়, যা একটি নাম স্টাইলশিট বা ঠিকানায় যাওয়ার আগে একে নিরাপদ শেষ ধাপ করে।
বাড়তি হাইফেন নেই
পুনরাবৃত্ত বিভাজক একটিতে চেপে আনা হয়, এবং শুরুতে বা শেষে কোনো হাইফেন থাকে না। ...Hello, World!!-এর মতো একটি এলোমেলো বাক্যাংশ hello-world হয়ে বেরোয়, প্রান্তে কিছু ঝুলে না থেকে।
রূপান্তর যা করে না
এটি বিরামচিহ্ন রাখে না
কমা, বিন্দু ও ড্যাশ শব্দের মধ্যে সীমানা, বহন করার অক্ষর নয়। একটি CSS ক্লাস বা ফাইলের নামের জন্য আপনি তাই চান, গদ্যের জন্য নয়। পাতার মধ্য দিয়ে চালানো একটি বাক্য একটি নাম হয়ে ফেরে, আর আসল বিরামচিহ্ন চলে যায়।
এটি অ্যাকসেন্ট সরায় না
লাইনটি তার অ্যাকসেন্টযুক্ত অক্ষর রাখে: crème-brûlée। আধুনিক ব্রাউজার ও সার্ভার নাম ও ঠিকানায় সেগুলো গ্রহণ করে, কিন্তু পুরোনো টুল নাও করতে পারে, আর অ্যাকসেন্টযুক্ত একটি ঠিকানা কপি করলে শতাংশ কোডে এস্কেপ হয়ে যায়। সাদা অক্ষর দরকার হলে URL স্লাগ পাতাও ল্যাটিন অক্ষর থেকে চিহ্ন সরায়।
এটি যাচাই করে না নামটি ফাঁকা কি না
দুটি আলাদা বাক্যাংশ একই নাম বানাতে পারে, আর পাতাটি জানে না আপনার সাইটে বা প্রকল্পে নামটি আগে থেকে ব্যবহৃত কি না। প্রকাশের আগে সংঘাত দেখে নিন।
ভাষা গুরুত্বপূর্ণ
ফাঁক ছাড়া লেখা লিপি
শব্দে কাটতে সীমানা লাগে। চীনা ও জাপানি লেখা হয় ফাঁক ছাড়া, তাই সেসব লিপির একটি লাইন একটিমাত্র শব্দ হয়ে ফেরে। পাতাটি আন্দাজ করা কোনো জায়গায় কাটার চেয়ে সে কথা বলাই পছন্দ করে।
তুর্কি আর বিন্দুযুক্ত i
ছোট হাতের করা পাতার ভাষার নিয়ম অনুসরণ করে। তুর্কিতে I-এর ছোট রূপ ı, বিন্দু ছাড়া, আর İ-এর ছোট রূপ i। যে কনভার্টার ইংরেজি নিয়ম প্রয়োগ করে সে শব্দ বদলে দেয়। এই পাতা যে ভাষায় লেখা সেই ভাষা অনুসরণ করে।
জার্মান আর তীক্ষ্ণ s
জার্মান ß ইতিমধ্যে ছোট হাতের এবং থাকে: straße-17। বড় হাতের STRASSE ফেরত আসে strasse হয়ে, কারণ বড় হাতের রূপ মনে রাখে না এটি ß থেকে এসেছে না দুটি অক্ষর থেকে।
ডান-থেকে-বাম আর ভারতীয় লিপি
আরবি, হিব্রু ও ভারতীয় লিপিতে শব্দের মধ্যে ফাঁক আছে কিন্তু বড়-ছোট হাতের অক্ষরের ভেদ নেই। পাতাটি তাদের শব্দ হাইফেন দিয়ে জোড়ে এবং অক্ষরগুলো যেমন আছে তেমন রাখে।
ওয়েব কেন হাইফেন পছন্দ করে
সার্চ ইঞ্জিন হাইফেনকে ফাঁক হিসেবে পড়ে
সার্চ ইঞ্জিন একটি ঠিকানার হাইফেনকে শব্দের মধ্যে বিভাজক হিসেবে গণ্য করে, তাই how-to-repot-a-fern বোঝা হয় পাঁচটি শব্দ হিসেবে। বিপরীতে আন্ডারস্কোর সাধারণত জোড়ক হিসেবে পড়া হয়, আর how_to_repot_a_fern একটি লম্বা শব্দ হিসেবে পড়া হতে পারে। মানুষ যে ঠিকানা খোঁজে তার জন্য হাইফেন ভালো পছন্দ, আর সেই অভ্যাস পুরো ওয়েবে ছড়িয়েছে।
পাঠযোগ্যতা
একটি লিংকের নিচে দাগ থাকলে আন্ডারস্কোর হারিয়ে যেতে পারে, কারণ দাগ ঠিক সেখানেই বসে যেখানে আন্ডারস্কোর। হাইফেন দৃশ্যমান থাকে। এটি একটি ছোট কথা, কিন্তু কেন ঠিকানায় এই রূপ জায়গা করে নিল তা ব্যাখ্যা করে।
বড়-ছোট হাতের ভেদহীনতা
ঠিকানা ছোট হাতের অক্ষরে সবচেয়ে নিরাপদ, কারণ কিছু সার্ভারে তার অংশ বড়-ছোট হাতের অক্ষরে সংবেদনশীল হতে পারে। kebab-case সংজ্ঞাগতভাবে ছোট হাতের, যা এক পরিবার ভুল দূর করে।
যেখানে kebab-case রীতি
ওয়েব ঠিকানা
একটি পাতার ঠিকানার শেষ অংশ, স্লাগ, প্রায় সব সময় kebab-case-এ। যে ঠিকানা অ্যাকসেন্ট-মুক্তও হতে হবে তার জন্য URL স্লাগ পাতা ব্যবহার করুন।
CSS আর HTML
CSS প্রপার্টি kebab-case-এ (background-color, font-size), আর বেশির ভাগ ক্লাসের নাম ও কাস্টম প্রপার্টিও (--brand-color)। data-user-id-এর মতো HTML অ্যাট্রিবিউট একই শৈলী অনুসরণ করে। একটি কম্পোনেন্টের জন্য ক্লাসের নাম উদ্ভাবন করলে আপনার স্টাইলশিটের পাঠক kebab-case-ই প্রত্যাশা করেন। কম্পোনেন্ট আকারসহ আঁকা হলে px থেকে rem দৈর্ঘ্যে সাহায্য করে।
ফাইল ও ফোল্ডারের নাম
হাইফেনে জোড়া ছোট হাতের শব্দ প্রতিটি সিস্টেমে নিরাপদ ফাইলের নাম, যে কারণে স্ট্যাটিক সাইট জেনারেটর ও অনেক ফ্রেমওয়ার্ক পাতা ও অ্যাসেটের জন্য এগুলো ব্যবহার করে।
কমান্ড-লাইন বিকল্প আর প্যাকেজের নাম
--dry-run-এর মতো ফ্ল্যাগ, npm-এর মতো রেজিস্ট্রির প্যাকেজের নাম এবং feature/login-form-এর মতো Git ব্রাঞ্চ সবই kebab-case অনুসরণ করে। এই রূপে বদলানো একটি বাক্যাংশ আপনার ব্যবহৃত টুলে গৃহীত হওয়ার সম্ভাবনা বেশি।
Lisp আর তার জ্ঞাতিরা
রূপটি এসেছে Lisp থেকে, যেখানে নামে হাইফেন অনুমোদিত কারণ ভাষাটি চারপাশে ফাঁক ছাড়া বিয়োগ চিহ্ন হিসেবে তার কোনো ব্যবহার রাখে না। kebab-case নামটি শিক নিয়ে একটি রসিকতা, আর তা রয়ে গেছে।
যেখানে এটি রীতি নয়
Python, Ruby আর ডেটাবেস
এগুলো আন্ডারস্কোর পছন্দ করে, কারণ হাইফেন মাইনাস হিসেবে পড়া হবে। তাদের জন্য snake_case ব্যবহার করুন।
JavaScript চলক আর Java
একটি চলকের নামে হাইফেন মানে বিয়োগ। এই ভাষাগুলো camelCase ব্যবহার করে। Kebab-case তবু তাদের স্ট্রিং মান, ফাইলের নাম ও CSS-এ আসতে পারে।
গদ্য আর শিরোনাম
kebab-case নামের জন্য। শিরোনাম ও বাক্য তাদের ফাঁক ও বড় হাতের অক্ষর রাখবে। একটি শিরোনামের জন্য Title Case ভেবে দেখুন।
এখানে কীভাবে টেক্সটকে kebab-case-এ রূপান্তর করবেন
আপনার টেক্সট পেস্ট করুন বা টাইপ করুন
বাক্যাংশটি প্রথম ঘরে লিখুন। ফল দ্বিতীয় ঘরে সঙ্গে সঙ্গে আসে, তাই টাইপ করার সময় তা বদলাতে দেখতে পারেন।
নামটি দেখুন
নিশ্চিত করুন এটি স্বাভাবিক পড়া যায় এবং খুব লম্বা নয়। প্রায় ষাট অক্ষরের বেশি ঠিকানা সার্চ ফলাফলে কাটা পড়ে। একটি ভালো স্লাগ ছোট এবং বলে পাতাটি কী।
কপি করুন
কপি বোতাম চাপুন আর ফল যেখানে দরকার সেখানে পেস্ট করুন। একই লাইনের অন্য রূপের জন্য নিচে দেখুন।
একই লাইন সাতটি লেখায়
রূপের একটি সারণি
কনভার্টারের নিচে একটি সারণি সাইটের দেওয়া সাতটি রূপেই উদাহরণ লাইনটি দেখায়: বড় হাতের, ছোট হাতের, Title Case, snake_case, kebab-case, camelCase এবং একটি URL স্লাগ। প্রতিটিতে একই শব্দ কেমন দেখায় তা দেখার এটি দ্রুত উপায়।
এই রূপগুলো কোথা থেকে আসে
দুটি বর্ণমালা
বড় ও ছোট হাতের অক্ষর একসময় দুটি আলাদা বর্ণমালা ছিল। বড়গুলো রোমান, ছেনি দিয়ে পাথরে কাটা; ছোটগুলো Carolingian minuscule থেকে এসেছে, চর্মপত্রে দ্রুত চলা কলমে গড়া। ছাপাখানার লোকেরা দুটিকে আলাদা ট্রেতে রাখত, upper case আর lower case, এবং ট্রে চলে যাওয়ার অনেক পরেও নামগুলো রয়ে গেছে।
ফাঁকহীন নাম
প্রোগ্রামিং রূপগুলো অনেক নবীন এবং একটি সমস্যা সমাধানে উদ্ভাবিত: একটি নামে ফাঁক থাকতে পারে না। snake_case এসেছে প্রথম দিকের C থেকে, camelCase Smalltalk থেকে, kebab-case Lisp থেকে, আর URL স্লাগ এসেছে মানুষের শিরোনামকে এমন একটি ঠিকানায় বসানোর প্রয়োজন থেকে যেখানে ফাঁক ও অ্যাকসেন্ট অনুমোদিত নয়।
বাস্তবে ভালো কাজ করা নাম
ছোট এবং বর্ণনামূলক
একটি ভালো kebab-case নাম যথাসম্ভব কম শব্দে বলে জিনিসটি কী। contact-us, please-get-in-touch-with-our-team-এর চেয়ে ভালো। টেক্সটকে kebab-case-এ রূপান্তর করার সময় আগে বাক্যাংশটি ছেঁটে নিন।
সময়ের সঙ্গে স্থিতিশীল
ঠিকানার নাম প্রতিশ্রুতি: অন্য সাইট সেগুলোতে লিংক দেয়। এমন নাম বাছুন যা পুনঃনকশার পরেও সত্য থাকবে, এবং তারিখ ও সংস্করণ সংখ্যা এড়ান যদি না সেগুলোই মূল কথা হয়।
একটি প্রকল্প জুড়ে সঙ্গতিপূর্ণ
প্রতিটি পাতার ঠিকানা, ক্লাসের নাম ও ফাইলের নাম একই নিয়ম অনুসরণ করলে একজন নবাগত নামগুলো ঠিকঠাক আন্দাজ করতে পারেন। একটি নতুন পাতার জন্য টেক্সটকে kebab-case-এ রূপান্তর করার সময় ধরনটির জন্য একটি প্রতিবেশী দেখে নিন।
চাইলে অনর্থক শব্দ মুক্ত
কিছু মানুষ ঠিকানা ছোট রাখতে the, a ও of-এর মতো শব্দ বাদ দেন। এটি রুচির বিষয়: ছোট ঠিকানা সুশৃঙ্খল, পূর্ণটি জোরে পড়তে ভালো।
একটি বাস্তব প্রকল্পে kebab-case
CSS ক্লাসের নাম দেওয়া
স্টাইলশিটে কম্পোনেন্টের নাম ছোট, হাইফেনযুক্ত বাক্যাংশ হিসেবে সবচেয়ে ভালো পড়া যায়: card, card-title, card-footer। BEM-এর মতো পদ্ধতি বৈচিত্র্যের জন্য দুই হাইফেন ও আন্ডারস্কোর যোগ করে, কিন্তু প্রতিটি ক্লাসের ভিত্তি এখনও ছোট হাতের হাইফেনযুক্ত নাম। একটি ক্লাসের জন্য টেক্সটকে kebab-case-এ রূপান্তর করলে আপনি পরবর্তী ডেভেলপারকে এমন একটি নাম দিচ্ছেন যা তিনি আন্দাজ করতে পারেন।
একটি সাইটের ফাইল ও ফোল্ডারের নাম দেওয়া
একটি সাইটের কাঠামো প্রায়ই তার ঠিকানার প্রতিফলন, what-to-plant-in-april.html নামের একটি ফাইল বা garden-guides নামের একটি ফোল্ডারসহ। সঙ্গতিপূর্ণ হাইফেনযুক্ত নাম কাঠামো ব্রাউজ করা, লিংক করা এবং সিস্টেমের মধ্যে সরানো সহজ করে। একটি পাতার ডেটা ফাইল লাগলে CSV থেকে JSON এবং সাইটের অন্য কনভার্টার তা তৈরি করতে পারে, আর ফলের ক্ষেত্রেও একই নামকরণের নিয়ম প্রযোজ্য।
ভার্সন কন্ট্রোলে ব্রাঞ্চ আর ট্যাগের নাম দেওয়া
যে দল প্রতিটি কাজের জন্য ব্রাঞ্চ ব্যবহার করে তারা সেগুলোর নাম দেয় fix-login-redirect বা add-search-filter। ব্রাঞ্চের নাম পড়া হয় তালিকায়, পুল রিকোয়েস্টে ও চ্যাটে, আর একটি ছোট হাইফেনযুক্ত বাক্যাংশ চোখ বুলিয়ে নেওয়া সহজ। অনেক দল একটি ধরন ও স্ল্যাশ দিয়ে উপসর্গ দেয়: feature/add-search-filter। স্ল্যাশের পরের অংশ বানাতে কাজের শিরোনাম থেকে টেক্সটকে kebab-case-এ রূপান্তর করুন।
অ্যাট্রিবিউট আর কাস্টম প্রপার্টির নাম দেওয়া
CSS-এ --space-large ও --brand-primary-এর মতো কাস্টম প্রপার্টি রীতিগতভাবে kebab-case-এ, HTML data অ্যাট্রিবিউটও তাই। আপনি রঙ নিয়েও কাজ করলে এমন নামের পেছনের মানের জন্য HEX থেকে RGB নোটেশন লাগতে পারে।
পুরোনো ও নতুন নামের রেকর্ড রাখা
একগুচ্ছ ফাইল বা ক্লাসের নাম বদলালে পুরোনো ও নতুন নামের দুই কলামের একটি তালিকা রাখুন। এটি খুঁজে-বদলানো, রিডাইরেক্ট এবং একজন সহকর্মীকে কী ঘটেছে বোঝাতে সাহায্য করে। একটি কনভার্টার নতুন নামগুলো সঙ্গতিপূর্ণ করে; তালিকা পরিবর্তনকে নিরীক্ষণযোগ্য করে।
টেকসই ঠিকানা বানানো
আগে পাঠকের কথা ভাবুন
একটি ঠিকানা যন্ত্রের পড়ার আগে মানুষ পড়ে। একটি ছোট, স্পষ্ট ঠিকানা দর্শনার্থীকে বলে লিংক তাঁদের কোথায় নিয়ে যাবে এবং ক্লিক করতে উৎসাহ দেয়। একটি স্লাগের জন্য টেক্সটকে kebab-case-এ রূপান্তর করার সময় কল্পনা করুন সেটি অন্য কোনো ব্যাখ্যা ছাড়া একটি বার্তায় পেস্ট করা হয়েছে, আর জিজ্ঞাসা করুন তার অর্থ বোঝা যায় কি না।
বিভাগ পুনরাবৃত্তি করবেন না
ঠিকানায় ইতিমধ্যে recipes নামের একটি ফোল্ডার থাকলে পাতাটির নাম best-recipes-for-summer হওয়ার দরকার নেই। summer-salads-এর মতো একটি নামই যথেষ্ট, আর ঠিকানা প্রতিধ্বনি ছাড়া recipes/summer-salads পড়া যায়।
টেক্সটকে kebab-case-এ রূপান্তরের সময় ফাঁদ
যেখানে হাইফেন মানে মাইনাস সেখানে ব্যবহার
বেশির ভাগ প্রোগ্রামিং ভাষায় একটি নামের ভেতরের হাইফেন বিয়োগ। এমন ভাষায় চলকের জন্য kebab-case ব্যবহার করবেন না।
ভুলে যাওয়া যে নামটি থাকতে পারে
একই স্লাগের দুটি পাতা সংঘাত করে। প্রকাশের আগে আপনার সাইট বা প্রকল্প দেখে নিন।
প্রকাশিত ঠিকানা বদলানো
একটি ঠিকানা সর্বজনীন হয়ে গেলে তা বদলালে লিংক ভাঙে। বদলাতেই হলে পুরোনোটি থেকে একটি রিডাইরেক্ট বসান।
খুব লম্বা নাম
লম্বা ঠিকানা ভাগ করা বিব্রতকর এবং সার্চ ফলাফলে ছোট করা হয়। রূপান্তরের আগে বাক্যাংশটি ছেঁটে নিন।
রূপান্তরের আগে মানুষ যা জিজ্ঞাসা করে
বিরামচিহ্নের কী হয়?
এটি শব্দের মধ্যে সীমানা হিসেবে গণ্য হয় এবং বহন করা হয় না।
সংখ্যা কি রাখা হয়?
হ্যাঁ, নিজস্ব শব্দ হিসেবে, হাইফেনে আলাদা।
camelCase ইনপুট কি সামলায়?
হ্যাঁ। শব্দের ভেতরের একটি বড় হাতের অক্ষর কাট চিহ্নিত করে, তাই fooBar হয় foo-bar।
অন্য ভাষার জন্য কি ব্যবহার করতে পারি?
হ্যাঁ, পাতার ভাষার নিয়মসহ। চীনা ও জাপানির মতো ফাঁকহীন লিপি একটিমাত্র শব্দ হয়ে ফেরে।
আমার টেক্সট কি আপলোড হয়?
না। আপনি এখানে যা টাইপ করেন তা কখনও কোথাও পাঠানো হয় না, তাই একটি খসড়া, একটি পাসওয়ার্ড বা একজন ক্লায়েন্টের নাম এখানে একটি টেক্সট এডিটরের মতোই নিরাপদ।
বদলে আন্ডারস্কোর চাইলে কীভাবে পাব?
টেক্সটকে snake_case-এ রূপান্তর করুন দিয়ে।
একটি কাজের উদাহরণ
ধরুন আপনি একটি ওয়েবসাইটে নতুন বিভাগ যোগ করছেন আর সম্পাদক আপনাকে শিরোনাম দিয়েছেন Spring Garden: What To Plant In April (and Why)। আপনি এটি পেস্ট করে পড়েন spring-garden-what-to-plant-in-april-and-why। এটি লম্বা, তাই শিরোনাম ছেঁটে What to Plant in April করেন এবং আবার রূপান্তর করেন: what-to-plant-in-april। আপনি এটি ফাইলের নাম ও ঠিকানা হিসেবে ব্যবহার করেন, এবং একই শব্দ, একই রূপে, স্টাইলশিটে শিরোনামের ক্লাস হিসেবেও। তিন জায়গা, একটি নাম, একবার লেখা।
একটি সংক্ষিপ্ত চেকলিস্ট
রূপান্তরের আগে
নামটিকে যা বলতে হবে বাক্যাংশটি সেটুকুতে ছেঁটে নিন। দেখুন কোনো বিদ্যমান নাম মেলে না।
রূপান্তরের সময়
বাক্যাংশটি পেস্ট করুন, ফল পড়ুন এবং নিশ্চিত করুন এটি স্বাভাবিক ও যুক্তিসংগতভাবে ছোট।
রূপান্তরের পর
যেখানে প্রযোজ্য সর্বত্র একই নাম ব্যবহার করুন, আর কখনও প্রকাশিত ঠিকানা বদলালে একটি রিডাইরেক্ট বসান।
সাধারণ ভুল
চলকের নামের জন্য kebab-case ব্যবহার
বেশির ভাগ ভাষায় হাইফেনের অর্থ মাইনাস।
নাম খুব লম্বা করা
ছোট নাম ভাগ করা ও মনে রাখা সহজ।
প্রকাশিত ঠিকানা বদলানো
এতে লিংক ভাঙে। বাধ্য হলে রিডাইরেক্ট করুন।
আপনার টেক্সট আপনার ডিভাইসেই থাকে
রূপান্তর স্থানীয়ভাবে ঘটে। আপনার টেক্সট আপনার নিজের ব্রাউজার সামলায় এবং কিছুই কোথাও পাঠানো হয় না। পরে মোছার কিছু নেই আর তৈরি করার মতো কোনো অ্যাকাউন্টও নেই। টেক্সটকে kebab-case-এ রূপান্তর করার এটাই সরল উপায়।
সারসংক্ষেপ
এখানে টেক্সটকে kebab-case-এ রূপান্তর করতে একটি লাইন পেস্ট করুন আর শব্দগুলো কাটা, ছোট হাতের করা এবং হাইফেনে জোড়া অবস্থায় ফেরত পড়ুন। camelCase-এ আগে থেকে লেখা একটি লাইনও সেখানে কাটা হয়, তাই fooBar হয় foo-bar। পাতাটি বিরামচিহ্ন রাখে না: কমা, বিন্দু ও ড্যাশ শব্দের মধ্যে সীমানা, বহন করার অক্ষর নয়, যা একটি CSS ক্লাস বা ফাইলের নামের জন্য আপনি চান কিন্তু গদ্যের জন্য নয়। শব্দে কাটতে সীমানা লাগে, তাই ফাঁক ছাড়া লেখা চীনা ও জাপানি একটিমাত্র শব্দ হয়ে ফেরে। ছোট হাতের করা পাতার ভাষা অনুসরণ করে। ওয়েব হাইফেন পছন্দ করে কারণ সার্চ ইঞ্জিন সেগুলোকে ফাঁক হিসেবে পড়ে। কিছুই আপলোড হয় না।