29. التنقل (<nav>) والحاويات العامة
29.1 عنصر <nav>
يستخدم لكتل التنقل الرئيسية - الروابط التي تؤدي إلى صفحات أخرى في الموقع أو إلى مناطق مهمة من الصفحة الحالية. مجموعات الروابط الصغيرة (مثل أيقونات وسائل التواصل الاجتماعي) لا تتطلب عادةً وسم <nav>.
html
<header> <nav> <ul> <li><a href="index.html">الرئيسية</a></li> <li><a href="about.html">من نحن</a></li> <li><a href="contact.html">اتصال</a></li> </ul> </nav> </header>29.2 حاوية <div> العامة
عنصر <div> (قسم) غير دلالي (non-semantic). يتم استخدامه عندما لا يتوفر عنصر دلالي مناسب آخر لتجميع المحتوى لأغراض التنسيق (على سبيل المثال، تطبيق خلفية CSS على مجموعة من العناصر).
قاعدة عامة: استخدم وسماً دلالياً أولاً. استخدم <div> فقط عندما لا تنطبق الدلالات.
29.3 حاوية <span> العامة
عنصر <span> هو المكافئ المضمن وغير الدلالي لـ <div>. يستخدم لتطبيق تنسيق محدد على قسم صغير من النص ضمن عنصر أكبر.
html
<p> الجزء الأكثر أهمية في هذا العقد هو <span class="highlight">قسم التوقيع</span>. </p>