ما اهمية وسم ال كيف استعملوه وما العمل الذي يقوم به ؟
ما اهمية وسم ال <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 للتعويض
** اتمنى اذا وصفي خاطئ لا تتردد في تصحيحه**
وعذراً علي سوء حروفي
اتمنى للجميع التوفيق
التعليقات