يتم تعريف عنصر SECTION على أنه قسم دلالي لصفحة ويب أو موقع ليس نوعًا آخر أكثر تحديدًا مثل ARTICLE أو ASIDE. كثيرًا ما يستخدم المصممون هذا العنصر عند ترميز قسم مميز من الصفحة - قسم كامل يمكن نقله واستخدامه في صفحات أو أجزاء أخرى من الموقع. إنه جزء مميز من المحتوى.
في المقابل ، يكون عنصر DIV مناسبًا لأجزاء الصفحة التي تريد تقسيمها لأغراض أخرى غير دلالات. على سبيل المثال ، قد تقوم بلف بعض المحتوى في عنصر DIV لمنحه "ربط" بالنمط باستخدام CSS. قد لا يكون قسمًا مميزًا من المحتوى من حيث المعنى ، ولكنه منفصل بحيث يمكنك تحقيق التخطيط أو الشعور المطلوب.
كل شيء عن دلالات
الاختلاف الوحيد بين عنصري DIV و SECTION هو الدلالات - ال المعنى من المحتوى الذي تقوم بتقسيمه.
أي محتوى موجود في عنصر DIV ليس له معنى متأصل. من الأفضل استخدامه لأشياء مثل:
- أنماط CSS وخطافات لأنماط CSS
- حاويات التخطيط
- خطافات جافا سكريبت
- الأقسام التي تجعل المحتوى أو HTML أسهل في القراءة
كان عنصر DIV هو العنصر الوحيد المتاح لإضافة روابط إلى مستندات النمط والتخطيطات. قبل HTML5 ، كانت صفحة الويب النموذجية مليئة بعناصر DIV. في الواقع ، استخدم بعض محرري WYSIWYG عنصر DIV حصريًا ، أحيانًا بدلاً من الفقرات.
قدم HTML5 عناصر التقسيم التي أنشأت مستندات وصفية أكثر معانيًا وساعدت في تحديد الأنماط على تلك العناصر.
ماذا عن عنصر SPAN؟
عنصر آخر غير دلالي شائع هو SPAN. يتم استخدامه في النسق لإضافة خطافات للأنماط والنصوص حول كتل المحتوى (عادةً ما تكون نصية). بهذا المعنى ، إنه تمامًا مثل DIV ، لكنه ليس ملف عنصر كتلة. فكر في DIV على أنه SPAN على مستوى الكتلة واستخدامه بنفس الطريقة ، ولكن لكتل كاملة من محتوى HTML.
لا يحتوي HTML على عنصر تقسيم مضمن قابل للمقارنة.
للإصدارات الأقدم من Internet Explorer
حتى إذا كنت تدعم الإصدارات القديمة بشكل كبير من Internet Explorer من Microsoft والتي لا تتعرف بشكل موثوق على HTML5 ، فيجب عليك استخدام علامات HTML صحيحة لغويًا. ستساعدك الدلالات أنت وفريقك على إدارة الصفحة في المستقبل. تتعرف أحدث إصدارات Internet Explorer ، بالإضافة إلى البديل ، Microsoft Edge ، على HTML5.
استخدام عناصر DIV و SECTION
يمكنك استخدام عناصر DIV و SECTION معًا في مستند HTML5 صالح - SECTION ، للتعريف أجزاء منفصلة لغويًا من المحتوى ، و DIV ، لتحديد الخطافات لـ CSS و JavaScript والتخطيط المقاصد.
المقال الأصلي بقلم جنيفر كرينين. حرره جيريمي جيرارد في 17/3/15.