ماهو الفرق بين <section> و <div> وبم يستعمل كل تاغ؟

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

مثلاً :

• الـdiv يستخدم لأغراض التصميم أي للأغراض الجمالية و تنسيق المظهر  ، بينما الـsection  يستخدم في تقسيم الصفحة الواحدة إلى عدة أقسام (مثل تقسيم صفحة تعريفية إلى أقسام كـ نبذة تعريفية ، معرض الأعمال ، بيانات التواصل ..إلخ  ) و هنا يفضل وضع كل جزء ضمن  section.
• عادة ما يستخدم الـsection  مترافقاً مع عنوان للقسم  h1..h6 .
• إذا كنت بصدد إجراء معالجة برمجية للحاوية ففي هذه الحالة يجب إستخدام div و ليس الـsection .
• إستخدامك للوسوم الحديثة كـ header  footer section article و ما شابه  ، من شأنه أن يسهل على محركات البحث الوصول لكل جزء في موقعك  و كذلك قارئات الشاشة SCREEN READER.
• أيضاً الوسوم   header  footer section article تنظم شكل الصفحة بشكل كبير و تجعلها سهلة القراءة مما يسهل إجراء تعديلات عليها لاحقاً

ال section

بيعامل اي شي بداخلة كمجموعة بعض النظر عن اي شئ اخر مثلا اذا كان في كلاس بيعي اي خصائص لأي كائن داخل الsection

ومن جهة ال div بس بيحصر مابداخلة لكن لا يعاملهم كمجموعة واي كائن بداخلة يتصرف حسب الخصائص المفروضة علية

ليس هناك فرق جوهري بينهما 
الـ section جاء مع الـ html5 فهو يعمل على اصدارات أحدث والان تقريبا مدعومة من الكل الا من مازال يستعمل الـIE 8 مثلا 
كلاهما يشتركان في طريقة التعامل مع الـ CSS و الـ JS ..
الفرق أنّها تسهّل عمل المتصفّح و الـ feed reader فيفهم تسلسل الصّفحة section article .. أوضح من div div .. فهو خير من ناحية التسلسل و السرعة عند الـ interpretation
ولو تستعمل كلّ منهما في مكانه وفي ماصنع من اجله كان افضل 

عذراً أخي لم أفهم المقصود بالضبط
هل يمكن أن تفصل في الشرح أكثر أو إعطائي أمثلة عملية عن الأمر

مرحبا اخى 

div من خصائص HTML4

section من خصائص HTML5 

و هما عباره عن مكان تضع به مجموعه TAGS لا يوجد فرق كبير بينها ولكن الافضل ان تتبع النظم الاحدث لانها تاتى بحل لمشكلات قديمة او تقوم بتنفيذ الكود بشكل اسرع