تحويل النص إلى kebab-case dash-case مجاناً عبر الإنترنت آمن

لماذا تحوّل النص إلى 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. وتقبلها المتصفحات والخوادم الحديثة في الأسماء والعناوين، لكن الأدوات الأقدم قد لا تقبلها، والعنوان ذو العلامات يُهرَّب إلى رموز نسبة مئوية حين يُنسخ. وإذا احتجت إلى حروف سادة، فإن صفحة slug العنوان تنزع العلامات عن الحروف اللاتينية أيضاً.

لا يتحقق من أن الاسم حر

قد تنتج عبارتان مختلفتان الاسم نفسه، ولا تعرف الصفحة هل الاسم مستخدم بالفعل في موقعك أو مشروعك. افحص التعارضات قبل أن تنشر.

اللغة مهمة

كتابات تُكتب بلا فراغات

القطع إلى كلمات يحتاج إلى حدود. والصينية واليابانية تُكتبان بلا فراغات، ولذلك يعود سطر بهاتين الكتابتين كلمة واحدة. وتفضّل الصفحة أن تقول ذلك على أن تقطع في مكان خمّنته.

التركية والياء المنقوطة

تحويل الحروف إلى صغيرة يتبع قواعد لغة الصفحة. ففي التركية الشكل الصغير للحرف I هو ı، بلا نقطة، والشكل الصغير للحرف İ هو i. والمحوّل الذي يطبق القواعد الإنجليزية يغيّر الكلمات. وتتبع هذه الصفحة اللغة التي كُتبت بها.

الألمانية وحرف s الحاد

الحرف الألماني ß صغير أصلاً ويبقى: straße-17. أما STRASSE بالحروف الكبيرة فتعود strasse، لأن الشكل الكبير لا يتذكر هل جاء من ß أو من حرفين.

الكتابات من اليمين إلى اليسار والهندية

في العربية والعبرية والكتابات الهندية فراغات بين الكلمات ولا حالة للحروف. وتصل الصفحة كلماتها بواصلات وتترك الحروف وشأنها.

لماذا يفضّل الويب الواصلات

محركات البحث تقرأ الواصلات فراغات

تعامل محركات البحث الواصلة في عنوان فاصلاً بين الكلمات، ولذلك يُفهم how-to-repot-a-fern على أنه خمس كلمات. أما الشرطة السفلية، في المقابل، فتُقرأ عموماً واصلاً، وقد تُقرأ how_to_repot_a_fern كلمة واحدة طويلة. وللعناوين التي يبحث عنها الناس، الواصلات هي الخيار الأفضل، وقد انتشرت تلك العادة في الويب كله.

سهولة القراءة

قد تختفي الشرطة السفلية حين يُوضع خط تحت رابط، لأن الخط يقع بالضبط حيث الشرطة السفلية. أما الواصلة فتبقى مرئية. وهي نقطة صغيرة، لكنها تفسر لماذا ترسخ الشكل في العناوين.

عدم حساسية الحالة

العناوين أكثر أماناً بالحروف الصغيرة، لأن أجزاء منها قد تكون حساسة لحالة الحروف على بعض الخوادم. وkebab-case بحروف صغيرة بحكم التعريف، وهذا يزيل عائلة من الأخطاء.

أين يكون kebab-case هو العرف

عناوين الويب

الجزء الأخير من عنوان الصفحة، الـ slug، يكون في الغالب دائماً بـ kebab-case. وللعناوين التي يجب أن تخلو أيضاً من العلامات فوق الحروف استخدم صفحة slug العنوان.

CSS وHTML

خصائص CSS بـ kebab-case (background-color وfont-size)، وكذلك معظم أسماء الأصناف والخصائص المخصصة (--brand-color). وسمات HTML مثل data-user-id تتبع الأسلوب نفسه. وحين تخترع اسم صنف لمكوّن، فإن kebab-case هو ما يتوقعه قارئ ورقة أنماطك. وإذا رُسم المكوّن بمقاسات أيضاً، فإن من px إلى rem يساعد في الأطوال.

أسماء الملفات والمجلدات

الكلمات الصغيرة الموصولة بواصلات اسم ملف آمن على كل نظام، ولهذا تستخدمها مولّدات المواقع الثابتة وأطر عمل كثيرة للصفحات والأصول.

خيارات سطر الأوامر وأسماء الحزم

الخيارات مثل --dry-run وأسماء الحزم في السجلات مثل npm وفروع Git مثل feature/login-form تتبع كلها kebab-case. وعبارة محوّلة إلى هذا الشكل يُرجَّح أن تقبلها الأدوات التي تستخدمها.

Lisp وأبناء عمومتها

جاء الشكل من Lisp، حيث تُسمح الواصلات في الأسماء لأن اللغة لا تستخدمها علامات طرح دون فراغات حولها. واسم kebab-case نكتة عن السيخ، وقد علق.

أين لا يكون هو العرف

Python وRuby وقواعد البيانات

تفضل هذه الشرطات السفلية، لأن الواصلة ستُقرأ علامة طرح. ولها استخدم snake_case.

متغيرات JavaScript وJava

الواصلة في اسم متغير طرح. وتستخدم هذه اللغات camelCase. وقد يظهر kebab-case مع ذلك في قيم نصوصها وأسماء ملفاتها وCSS.

النثر والعناوين

kebab-case للأسماء. أما العناوين والجمل فينبغي أن تحتفظ بفراغاتها وحروفها الكبيرة. وللعنوان فكّر في Title Case.

كيف تحوّل النص إلى kebab-case هنا

الصق نصك أو اكتبه

أدخل العبارة في الحقل الأول. تظهر النتيجة فوراً في الثاني، لتشاهدها تتغير أثناء الكتابة.

افحص الاسم

تأكد من أنه يُقرأ طبيعياً وليس طويلاً جداً. فالعناوين التي تزيد على نحو ستين حرفاً تُقطع في نتائج البحث. والـ slug الجيد قصير ويقول ما الصفحة.

انسخه

اضغط زر النسخ والصق النتيجة حيث تحتاج إليها. ولأشكال أخرى من السطر نفسه انظر أدناه.

السطر نفسه في الكتابات السبع كلها

جدول بالأشكال

تحت المحوّل يعرض جدول سطر المثال بالأشكال السبعة كلها التي يقدمها الموقع: حروف كبيرة، وحروف صغيرة، وTitle Case، وsnake_case، وkebab-case، وcamelCase، وslug عنوان. وهي طريقة سريعة لترى كيف تبدو الكلمات نفسها في كل منها.

من أين تأتي هذه الأشكال

أبجديتان

كانت الحروف الكبيرة والصغيرة يوماً أبجديتين مختلفتين. فالكبيرة رومانية، نُحتت في الحجر بإزميل؛ والصغيرة تنحدر من الحروف الصغيرة الكارولنجية، التي شكّلها قلم يتحرك بسرعة على الرق. وأبقى الطباعون الاثنتين في درجين منفصلين، الدرج العلوي والدرج السفلي (upper case وlower case)، وبقيت التسميتان طويلاً بعد زوال الدرجين.

أسماء بلا فراغات

أشكال البرمجة أحدث بكثير وابتُكرت لحل مشكلة واحدة: لا يمكن أن يحتوي اسم على فراغ. فقد جاء snake_case من لغة C المبكرة، وcamelCase من Smalltalk، وkebab-case من Lisp، وslug العنوان من الحاجة إلى وضع عنوان بشري في عنوان لا تُسمح فيه الفراغات والعلامات فوق الحروف.

أسماء تعمل جيداً عملياً

قصيرة ووصفية

اسم 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. وإذا كنت تعمل أيضاً مع الألوان، فقد يلزم التدوين من HEX إلى RGB للقيم التي تقف خلف أسماء كهذه.

الاحتفاظ بسجل للأسماء القديمة والجديدة

حين تعيد تسمية دفعة من الملفات أو الأصناف، فاحتفظ بقائمة من عمودين للأسماء القديمة والجديدة. فهي تساعد في البحث والاستبدال وفي إعادة التوجيه وفي شرح ما حدث لزميل. والمحوّل يجعل الأسماء الجديدة متسقة؛ والقائمة تجعل التغيير قابلاً للتدقيق.

صنع عناوين تدوم

فكّر في القارئ أولاً

يقرأ الناس العنوان قبل أن تقرأه الآلات. والعنوان القصير الواضح يخبر الزائر إلى أين سيأخذه الرابط ويشجعه على النقر. وحين تحوّل النص إلى kebab-case لـ slug، تخيله ملصوقاً في رسالة دون أي شرح آخر، واسأل هل له معنى.

لا تكرر القسم

إذا كان في العنوان مجلد اسمه recipes، فلا حاجة إلى تسمية الصفحة best-recipes-for-summer. يكفي اسم مثل summer-salads، ويُقرأ العنوان recipes/summer-salads بلا صدى.

أفخاخ عند تحويل النص إلى kebab-case

استخدامه حيث تعني الواصلة طرحاً

في معظم لغات البرمجة، الواصلة داخل اسم هي طرح. لا تستخدم kebab-case للمتغيرات في لغات كهذه.

نسيان أن الاسم قد يكون موجوداً

صفحتان بالـ slug نفسه تتعارضان. افحص موقعك أو مشروعك قبل أن تنشر.

تغيير عنوان منشور

متى صار العنوان عاماً، فإن تغييره يكسر الروابط. وإن اضطررت فأعد التوجيه من القديم.

أسماء طويلة جداً

العناوين الطويلة محرجة في المشاركة وتُختصر في نتائج البحث. اقطع العبارة قبل التحويل.

أسئلة يطرحها الناس قبل التحويل

ماذا يحدث لعلامات الترقيم؟

تُعامل حداً بين الكلمات ولا تُنقل.

هل تُحفظ الأرقام؟

نعم، ككلمات قائمة بذاتها، مفصولة بواصلات.

هل يتعامل مع مدخل 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 أو اسم ملف ولا تريده لنثر. والقطع إلى كلمات يحتاج إلى حدود، ولذلك تعود الصينية واليابانية، المكتوبتان بلا فراغات، كلمة واحدة. وتحويل الحروف إلى صغيرة يتبع لغة الصفحة. ويفضّل الويب الواصلات لأن محركات البحث تقرؤها فراغات. ولا يُرفع شيء.