يُمثِّل العنصر <nav>
قسمًا من الصفحة غرضه هو توفير روابط للتنقل، سواءً كانت ضمن المستند نفسه أو إلى مستندات أخرى.
من أكثر الأمثلة شيوعًا هي القوائم وجداول المحتويات والفهارس.
في هذا المثال استخدمنا العنصر <nav>
لاحتواء قائمة غير مرتبة <ul>
من الروابط. يمكن عرض هذه القائمة كشريط جانبي أو شريط تنقل أو قائمة منسدلة باستخدام قواعد CSS الملائمة:
<nav>
<ul>
<li><a href="https://khamsat.com">خمسات</a></li>
<li><a href="https://coreiten.com">الموسوعة التقنية</a></li>
<li><a href="https://suar.me">صور</a></li>
</ul>
</nav>
تصنيفات المحتوى | عنصر تنظيمي. |
---|---|
المحتوى المسموح | محتوى تنظيمي. |
الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
العناصر الأب | أي عنصر يقبل المحتوى التنظيمي. |
واجهة DOM | HTMLElement |
Chrome | Firefox | Edge | Safari | Opera |
---|---|---|---|---|
5 | 4 | مدعوم | 4.1 | 11.10 |
يمكن استخدام الخاصيات العامة في هذا العنصر.
<nav>
، فالغرض منه هو احتواء الأقسام الرئيسية التي تحتوي روابط التنقل؛ فمثلًا العنصر <footer>
يحتوي عادةً على قائمة بالروابط، وهذه القائمة لا يشترط أن تكون موجودةً ضمن عنصر <nav>
.<nav>
، فمثلًا يمكن استخدام عنصر <nav>
لإضافة روابط للتنقل في الموقع، وعنصر آخر للتنقل داخل الصفحة.تعرض أغلبية المتصفحات العنصر <nav>
مع ضبط الخاصية display
إلى block
:
nav {
display: block;
}