ما اهمية وسم ال <section>

ما اهمية وسم ال كيف استعملوه وما العمل الذي يقوم به ؟

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

أحد وسوم الـ HTML5

الهدف منه ترتيب و تنظيف الكود من حيث فهم قراءة الصفحة للمستخدم و المتصفح

وباللالة من إسمه تعرف إنه " section " تعني " قسم ". و هكذا تقسم الـ header , main , footer مثلا.

نموذجياً يستخدم في حالتين:

  • تقسيم المقالات articles إلى فئات أو مجموعات. (فكر في تقسيم المقالات حسب الأشهر في ووردبريس مثلاً).

  • تقسيم محتوى المقالة الواحدة إلى أقسام فرعية على عدد العناوين الفرعية فيه، فبداية عنوان جديد تعني منطقياً بداية مقطع جديد.

لتوضيح الفكرة أكثر، دعني أسلط الضوء على الحالة الثانية تحديداً.

تستخدم العناوين عادة (أي h1 و h2...) لتعريف البنية الهرمية للمستند، أو ما يعرف بالـ outline، أو جدول المحتويات. ترى جمعية الويب W3C هذه الطريقة طريقة ضمنية لتعريف بنية المستند، أما الطريقة الصريحة فهي بتدعيم كل مقطع (فقرة أو أكثر تبدأ بـعنوان hx) بالوسم section. والمطور مخير بين هاتين الطريقتين.

شخصياً، وحتى هذه اللحظة، لم أقتنع بأهمية هذا الوسم وجدواه.

اخي @isheko حقيقه انتظرت لاشاهد الردود حيث كنت متردد حول الوسم ووصفه وكنت اتمنى ايجاد وصف دقيق

المراد من كلمه section ليس قسم كمثال "تصنيف المنتديات" وانما "جزء" او "تقسيم المقال او المحتوي" .. ساحاول وصفه حسب مفهومي .. اولاً الوسم ينطبق عليه كافة مواصفات dev ويمكن استخدامه في اي جزء وكافه الاوسمه تعمل بداخله ولكن المهم هي "h1, h2, h3, h4, h5, h6, ul, li"

هذا الوسم تم انشاءه ليكون متخصص لغرض تجزيء المحتوى علي سبيل المثال اذا كنا نريد كتابه مقال عباره عن شرح طويل يحتوي ثلاث اجزاء .. سنقوم بكتابه المقال او الشرح ليحتوي ثلاث مقاطع او تقسيمات

يتم استخدام اولاً وسم article وبداخله ثلاث شروحات ولكل شرح وسم خاص به يكون section ويمكن استخدامه بصوره اخرى .. اذا لدينا مقال يحتوي علي تعليقات سيتم وضع جزء التعليقات داخل وسم section .. واذا تتوفر روابط ذات صله يمكن وضعها بشكل منفصل عن المقال

وهذا لا يقتصر علي وسم article وانما يمكن استخدام في تجزيء صفحه الموقع بشكل عام

الاسلوب يعود لك في التجزىء

وكما ذكر اخي @donbassa الوسم جديد ولكن يمكن استخدام مكتبه Modernizr للتعويض

** اتمنى اذا وصفي خاطئ لا تتردد في تصحيحه**

وعذراً علي سوء حروفي

اتمنى للجميع التوفيق

-1

هذا كلوه م كنت احتاجوه عن وسم شكراً لك

فقط للتقسيم حسب اعتقادي ، كوسم article

من بين مميزاته استعمال الوسم h1 عدة مرات داخل الصفحة أي يمكن استعمال h1 مع كل section