اذهب إلى المحتوى
  • 0

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

مروان ورد الشام

السؤال

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

<html>
<body>

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

</body> 
</html>

 

تم التعديل في بواسطة مروان ورد الشام
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 2

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

مثلاً :

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

 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

ال section

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

 

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

تم التعديل في بواسطة وافي عزالدين
خطاء املائي
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

 

 

تم التعديل في بواسطة مروان ورد الشام
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

مرحبا اخى 

div من خصائص HTML4

section من خصائص HTML5 

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...