Hide this notice

مرحبا أنت تستخدم انترنت اكسبلورر ٦ و هو متصفح اصدر في العام 2001 الا يبدو لك ذلك قديما .

نحن ننصحك بقوة بترقية متصفحك إلى نسخة أحدث مثل أنترنت اكسيلورر ٨ أو فايرفوكس و الذي سيتيح لك تصفح أفضل ليس لموقعنا فقط بل في كل أرجاء الأنترنت..

لو كنت لا تريد أو لا تملك الصلاحية لترقية المتصفح يمكنك أن تستمر في التصفح على الرحب و السعة لكن تذكر قد لا تتمكن من استعراض بعض خدمات الموقع بالشكل المطلوب . بالطبع يمكنك إخفاء هذه الرسالة و تستمر في التصفح و لن تظهر لك هذه الرسالة مرة أخرى .

Post Pic

بحثتم عن : ما هو الأفضل استخدام ID أو Class في الCss ؟

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

ما هو الافضل استخدام ID او Class  في أوسمة الموقع ؟

الإجابة باختصار

  • استخدم  ID لعنصر واحد فقط في التصميم لا يمكن لأكثر من عنصر ان يحصل على نفس المعرف. هو كبصمة الاصبع كما لكل انسان بصمة واحدة مميزة لا تتكرر يعرف بها فإننا عند إعطاء ID معين لعنصر في الصفحة مثلا زر او عنوان يجب ان لا يحمل عنصر اخر نفس المعرف .
  • Class  يمكنك استخدامه و وتعيينة لأكثر من عنصر في الصفحة .كما يمكن إعطاء نفس العنصر اكثر من  Class مثلا

<h2 class=" arabic feature " id="blogtitle " > نص </h2>

في المثال السابق عينا اكثر من Class  لنفس العنوان و هما arabic و feature .

أيهما أفضل

لا يوجد أفضل المسألة مسألة استخدام المناسب في المكان المناسب . و هذا يعتمد على التصميم فأنا مثلا استخدم Class اسميه button   مثلا لتحديد شكل الازرار في الموقع و بالتالي جميع الازرار ستحملClass=”button”  اما زر البحث مثلا سيحمل معرف خاص به لاني اريد التحكم به بشكل مختلف قد اعطيه class=”button” و سأعطيه كذلك  ID=”searchbutton”

ما الذي سيحدث لو لم التزم بذلك؟

و لماذا لا تلتزم بذلك ؟ لا تبدو لي كقاعدة صعبة و بالعكس عندما تبدأ العمل بها ستقدرها أكثر. لكن لو كنت تريد كسر القاعدة فهذا راجع لك لن تحدث أزمة سياسية و لا كارثة قومية و قد تعرض الكثير من المتصفحات الموقع .

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

فوائد أخرى

١- عند استخدام ID  مثلا لو كان قسم التعليقات في موقعك محاط بDiv  يحمل المعرف Id=”comment” و كتبت العنوان في المتصفح بهذا الشكل

http://qatardr.net/#comment

فان الصفحة ستحمل و سيتحرك  شريط التمرير إلى قسم التعليقات مباشرة .

٢- عند استخدام الجافاسكريبت في الصفحة يكون استخدام  ID مهم جدا فإذا كنت تريد من شفرة الجافا  استهداف عنصر معين في الصفحة فأن أفضل طريقة لذلك هي الوصول إليه عن طريق معرفه   ID .ولو كنت اعطيت أكثر من عنصر نفس المعرفId هنا ستحدث الكارثة :) .

بقلم : فاطمة العمادي

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

أوسمة : , , , ,

تعليقات الزوار (15)

[+] أضف تعليقك من فضلك



  1. احمد بدوي كتب:

    درس خفيف وقيم جداً

    مفتقدين لتدويناتك , قليلة جداً


  2. ossama كتب:

    شكرا لك أستاذة
    الموضوع سيجيب عن أسئلة الكثيرين, خصوصا المبتدئين منهم
    شخصيا ما أحب العمل به, هو تخصيص الـid للعناصر من نوع block إن لم تكن متكررة و العمل بالكلاسات للـ inline,, فقط تفضيلات شخصية طبعا :)


  3. عادل كتب:

    درس رائع جدا وبسيط مم سهل الفهم و استيعاب الفكرة
    بارك الله فيك …


  4. محمد كتب:

    انا مبرمج php و اول مرة اسمع بهده المعلومة
    في هدا المقال


    و كتبت العنوان في المتصفح بهذا الشكل

    http://qatardr.net/#comment

    فان الصفحة ستحمل و سيتحرك شريط التمرير إلى قسم التعليقات مباشرة .

    شكراا جزيلا


  5. محمد جبلي كتب:

    فكرة بحثتم عن جداً رائعه
    و الموضوع أروع من الفكرة

    ومتعطشين جداً لدروسك و مواضيعك

    أسأل الله أن يجزيك عنا خير الجزاء


  6. عبدالجليل كتب:

    شكراً لكي درس جميل ومفيد ولو ممكن نريد التعمق أكثر في CSS

    ( تعرفت على موقعك بالصدفة في مقالة على smashingmagazine )

    أعجبتني الاعمال العربية في المقالة وفعلا احترافية 100%

    ولو ممكن دروس لتصميم الوورد بريس D:


  7. لا يوجد ما يميز ID عن Class في CSS من حيث الاستخدام فما

    يمكنك القيام به باحدهما يمكنك القيام به بالاخر

    Class يمكن إستعماله بنفس الإسم بأكثر من فقرة، كذلك id ،

    ولكن شخصيا أنصح في هذه الحالة إستخدام الكلاس، السبب أن نفس

    الid في نفس الصفحة ليس متوافق مع المعايير القيياسية w3c

    اشكرم جزيل الشكر و صراحة ..الشخصية الخيالية التي بدأت

    الكتابة في العام ١٩٩٩م لم اكن بعلم بها..الا هته اللحظة !


    • هذا بالضبط ما ذكرته في الموضوع اخ خالد ..شكرا لإضافتك !
      و سبب عدم سماعك بالشخصية منذ العام ٩٩ ربما لانك كنت طفلا في ذلك الوقت لا اعلم .. و لو لم تكن مقتنع انها منذ عام ٩٩ اجري بحثا في جوجل لترى تطول الموقع منذ ما يزيد عن ١٠ سنوات .


  8. كويتية كتب:

    بارك الله فيك على الطرح الجميل يارب يستمر ابداعك الراقي موفق


  9. MOhammed Halim كتب:

    جميل جدا ما ابهرني او الذي لم اعرفه هو الوصول على جزء من الصفحة عن طريق ID ومن الجميل كنت اتساءل منذ بعيد كيف تكون هذه الفكرة والان بعد القراءة اتضح المراد


  10. مدونة جميلة جدا
    واصلي


  11. ahmed gamal كتب:

    موضوع اكثر من روعه