• 0

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

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

<html>
<body>

  <div>
    <p> hello world!</p>
  </div>
  
  <!-- VS -->
  
  <section>
    <p> hello world!</p>
  </section>

</body> 
</html>

 

تمّ تعديل بواسطة مروان ورد الشام

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

ال section

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

 

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

تمّ تعديل بواسطة وافي عزالدين
خطاء املائي

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

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

مثلاً :

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

 

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

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

 

 

تمّ تعديل بواسطة مروان ورد الشام

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

مرحبا اخى 

div من خصائص HTML4

section من خصائص HTML5 

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن