div بمعني طبقة أو حاوية
و id هي تعني هوية و class تعني فئة وهما الاثنين بيأدوا نفس الغرض لكن تختلف فقط في تعريفها من خلال الـ css
مثلا سأقوم بعمل طبقة جديدة باستخدام div ثم استخدم id كهوية ثم استخدم container أو أى اسم أخر مناسب لك مثل header رأس الصفحة أو sidebar للعمود الجانبي أو post للمقالة المنفردة ....إلخ
يتم كتابة الكود على هذا الشكل
<div class='container'></div>
مثال أخر
<div id='container'></div>
ولكي نقوم بتعريف id و class بطريقة صحيحة من خلال css فيكون كالتالى
إذا كان المعرف container ضمن id سنضيف رمز # قبل المعرف
#container{
هنا يتم إضافة خصائص
css
المراد تطبيقها على معرف
container
}
أما إذا كان معرف container ضمن فئة class سنضيف رمز نقطة قبل المعرف ليصبح هكذا
.container{
هنا يتم إضافة خصائص
css
المراد تطبيقها على معرف
container
}
إذا قمت بإضافة معرف container مرتين في نفس الصفحة وكان مرة ضمن فئة id ومرة فئة class
فعند تطبيق خصائص css على فئة id فقط فلن يتم تطبيقها على فئة class
ويمكنك تطبيق نفس الخصائص على الفئتين سواء id أو class
للمزيد يمكنك متابعة مدونة كود ويب