ووقت استخدام المادة ، ASIDE ، و DIV
يمكن أن يكون عنصر HTML5 SECTION الجديد مربكًا إلى حدٍ ما. إذا كنت بصدد إنشاء مستندات HTML قبل HTML5 ، فمن المحتمل أنك تستخدم العنصر بالفعل لإنشاء أقسام هيكلية داخل صفحاتك ثم نمط الصفحات معها. قد يبدو الأمر وكأنه أمر طبيعي لاستبدال عناصر DIV الموجودة لديك بعناصر SECTION. لكن هذا غير صحيح من الناحية الفنية. إذا لم تقم فقط باستبدال عناصر DIV بعناصر SECTION ، كيف تستخدمها بشكل صحيح؟
عنصر القسم هو عنصر دلالي
أول شيء يجب فهمه هو أن عنصر القسم هو عنصر دلالي . وهذا يعني أنه يوفر معنيًا لكل من وكلاء المستخدم والبشر حول محتوى المحتوى المرفق ، وتحديدًا جزء من المستند.
قد يبدو هذا وكأنه وصف لغوي عام جدًا ، وهذا لأنه. هناك عناصر HTML5 أخرى توفر المزيد من التمييزات الدلالية إلى المحتوى الخاص بك الذي يجب عليك استخدامه أولاً قبل استخدام عنصر SECTION:
- مقالة - سلعة
- وبصرف النظر
- NAV
متى تستخدم عنصر القسم
استخدم عنصر ARTICLE عندما يكون المحتوى جزءًا مستقلًا من الموقع يمكن أن يكون بمفرده ويتم الترويج له كمقالة أو مشاركة مدونة. استخدم عنصر ASIDE عندما يكون المحتوى مرتبطًا بشكل إماثيلي بمحتوى الصفحة أو الموقع نفسه ، مثل الأشرطة الجانبية أو التعليقات التوضيحية أو الحواشي السفلية أو معلومات الموقع المرتبطة. استخدم عنصر NAV للمحتوى الذي هو التنقل.
عنصر SECTION هو عنصر دلالي عام. يمكنك استخدامه عندما تكون أي من عناصر الحاوية الدلالية الأخرى غير مناسبة. يمكنك استخدامه لدمج أجزاء من المستند معًا في وحدات منفصلة يمكنك وصفها بأنها ذات صلة بطريقة ما. إذا لم تتمكن من وصف العناصر في القسم في جملة أو جملتين ، فمن المحتمل ألا تستخدم العنصر.
بدلاً من ذلك ، يجب عليك استخدام عنصر DIV. عنصر DIV في HTML5 هو عنصر حاوية غير دلالية. إذا كان المحتوى الذي تحاول ضمه ليس له معنى لغوي ، ولكنك لا تزال بحاجة إلى دمجه مع التصميم ، فإن عنصر DIV هو العنصر المناسب للاستخدام.
كيف يعمل عنصر القسم
يمكن أن يظهر جزء من المستند كحاوية خارجية للمقالات وعناصر ASIDE. يمكن أن يحتوي أيضًا على محتوى ليس جزءًا من مقالة أو ملف ASIDE. يمكن أيضًا العثور على عنصر SECTION داخل المقالة أو NAV أو ASIDE. يمكنك أيضًا دمج الأقسام للإشارة إلى أن مجموعة واحدة من المحتوى عبارة عن قسم من مجموعة أخرى من المحتوى يمثل جزءًا من مقالة أو الصفحة ككل.
ينشئ عنصر SECTION عناصر داخل مخطط تفصيلي للمستند. وعلى هذا النحو ، يجب أن يكون لديك دائمًا عنصر رأس (من H1 إلى H6) كجزء من القسم. إذا لم تتمكن من الحصول على عنوان للقسم ، فهذا يعني أن عنصر DIV قد يكون أكثر ملاءمة. تذكر ، إذا كنت لا تريد أن يظهر عنوان القسم في الصفحة ، فيمكنك دائمًا إخفاءه باستخدام CSS.
عندما لا تستخدم عنصر القسم
ما وراء النصيحة المذكورة أعلاه لاستخدام العناصر الدلالية الأكثر تحديدًا أولاً ، هناك منطقة واحدة محددة يجب ألا تستخدم عنصر SECTION: للأسلوب فقط.
بمعنى آخر ، إذا كان السبب الوحيد الذي تضع به عنصرًا في ذلك المكان هو إرفاق خصائص نمط CSS ، فلا يجب استخدام عنصر SECTION. ابحث عن عنصر دلالي أو استخدم عنصر DIV بدلاً من ذلك.
في نهاية المطاف قد لا يهم
صعوبة في كتابة HTML الدلالي هي أن الدلالي بالنسبة لي قد يكون محض هراء بالنسبة لك. إذا كنت تشعر أنه يمكنك تبرير استخدام عنصر SECTION في مستنداتك ، فعليك استخدامه. معظم وكلاء المستخدم لا يهتمون ويعرضون الصفحة كما قد تتوقع ما إذا كنت تقوم بنمط DIV أو SECTION.
بالنسبة إلى المصممين الذين يرغبون في أن يكونوا صحيحين دلاليًا ، فإن استخدام عنصر SECTION بطريقة صالحة دلاليًا أمر مهم. بالنسبة للمصممين الذين يريدون فقط أن تعمل صفحاتهم ، فهذا ليس مهمًا. أعتقد أن كتابة لغة HTML صالحة دلاليًا هي ممارسة جيدة وتحافظ على الصفحات أكثر موثوقية في المستقبل. ولكن في النهاية الأمر متروك لك.