ما هي kebab-case؟ الاستخدام في عناوين URL وCSS

تكتب kebab-case كل حرف بأحرف صغيرة وتصل الكلمات بشرطات (-)، وسُمّيت على اسم المكوّنات المنظومة في سيخ الكباب.

قواعد kebab-case

تصبح عبارة user profile image بصيغة user-profile-image في kebab-case. وتُسمّى أيضًا spinal-case أو dash-case.

تختلف عن snake_case في استخدام الشرطات بدلًا من الشرطات السفلية فقط.

أين تُستخدم

• مسارات URL والـ slugs (مثل /my-blog-post)
• فئات CSS والخصائص المخصّصة (--main-color)
• سمات بيانات HTML (data-user-id)
• أسماء الملفات وأسماء حزم npm

لماذا الشرطات في عناوين URL وCSS

تسمح لغات برمجة كثيرة بالشرطات السفلية في المعرّفات، لكن الشرطات تُقرأ على أنها طرح ولا يمكن استخدامها في الأسماء. لذا استقرّت الشرطات طبيعيًا في المجالات خارج الشيفرة مثل عناوين URL وCSS وأسماء الملفات.

تعامل محرّكات البحث الشرطات كفواصل بين الكلمات، بينما لا تعامل الشرطات السفلية كذلك أحيانًا، لذا يُوصى بالشرطات في عناوين URL.

تنبيه

لا يمكن استخدام الشرطات في معرّفات الشيفرة، لذا لا تُستخدم kebab-case لأشياء مثل أسماء متغيرات JavaScript. في تلك الحالات، حوّل إلى camelCase بدلًا منها.