قسم بحثتم عن هو قسم جديد اجيب فيه على الاسئلة التي تظهر لي في احصاءات الموقع من خلال معلومات الزوار عن طريقة وصولهم إلى الموقع بعض الناس يستخدم عبارات للبحث و البعض يصيغ استعلام البحث بواسطة سؤال. سأجرب ان اجيب على الاسئلة بشكل سريع و مختصر و مباشر .
بحثتم عن : ما هو الأفضل استخدام 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 هنا ستحدث الكارثة 
.
بقلم : فاطمة العمادي
أم و زوجة .. مصممة حرة و مصورة .. عرف الناس كتاباتي التقنية من خلال شخصية خيالية هي الدكتور نت . اصمم المواقع منذ العام ١٩٩٩م .
تابعنا على
التصنيفات:
- التصوير الضوئي
- المدون الضيف
- النشر و محركات البحث
- بحثتم عن ؟
- برامج و أنظمة
- عام
- متجهيvector
- وردبريس
- وصلات و مواقع
المدونة برعاية
![Happy National Day.. Qatar [1]](http://farm8.static.flickr.com/7018/6521087103_dd47d6ff67_s.jpg)
درس خفيف وقيم جداً
مفتقدين لتدويناتك , قليلة جداً
شكرا جزيلا .. ظروف عائلية … ان شاء الله احاول التعويض عن الاشهر الماضية .
شكرا لك أستاذة
الموضوع سيجيب عن أسئلة الكثيرين, خصوصا المبتدئين منهم
شخصيا ما أحب العمل به, هو تخصيص الـid للعناصر من نوع block إن لم تكن متكررة و العمل بالكلاسات للـ inline,, فقط تفضيلات شخصية طبعا
حياك الله ..
نعم المسألة مسألة تفضيل شخصي انا لا استخدم كلاس الا اذا احتجت لذلك و ابدأ دائما بال ID ثم اجري التعديلات حسب ما يتطلب الامر ..
درس رائع جدا وبسيط مم سهل الفهم و استيعاب الفكرة
بارك الله فيك …
انا مبرمج php و اول مرة اسمع بهده المعلومة
في هدا المقال
—
و كتبت العنوان في المتصفح بهذا الشكل
http://qatardr.net/#comment
فان الصفحة ستحمل و سيتحرك شريط التمرير إلى قسم التعليقات مباشرة .
–
شكراا جزيلا
اتفهم ذلك فأنا لم اسمع عنها إلا منذ فترة بسيطة جدا . و قد استغربت انها لم تمر علي من قبل .
فكرة بحثتم عن جداً رائعه
و الموضوع أروع من الفكرة
ومتعطشين جداً لدروسك و مواضيعك
أسأل الله أن يجزيك عنا خير الجزاء
شكراً لكي درس جميل ومفيد ولو ممكن نريد التعمق أكثر في CSS
( تعرفت على موقعك بالصدفة في مقالة على smashingmagazine )
أعجبتني الاعمال العربية في المقالة وفعلا احترافية 100%
ولو ممكن دروس لتصميم الوورد بريس D:
لا يوجد ما يميز ID عن Class في CSS من حيث الاستخدام فما
يمكنك القيام به باحدهما يمكنك القيام به بالاخر
Class يمكن إستعماله بنفس الإسم بأكثر من فقرة، كذلك id ،
ولكن شخصيا أنصح في هذه الحالة إستخدام الكلاس، السبب أن نفس
الid في نفس الصفحة ليس متوافق مع المعايير القيياسية w3c
اشكرم جزيل الشكر و صراحة ..الشخصية الخيالية التي بدأت
الكتابة في العام ١٩٩٩م لم اكن بعلم بها..الا هته اللحظة !
هذا بالضبط ما ذكرته في الموضوع اخ خالد ..شكرا لإضافتك !
و سبب عدم سماعك بالشخصية منذ العام ٩٩ ربما لانك كنت طفلا في ذلك الوقت لا اعلم .. و لو لم تكن مقتنع انها منذ عام ٩٩ اجري بحثا في جوجل لترى تطول الموقع منذ ما يزيد عن ١٠ سنوات .
بارك الله فيك على الطرح الجميل يارب يستمر ابداعك الراقي موفق