HTMLالوسم <nav>

تعريفه

المحتوى الذي يوضع بداخل الوسم <nav> </nav> يتم عرضه على سطر منفرد و لكن هذا ليس الهدف من استخدامه. بشكل عام المكان المخصص لعرض روابط فقط يمكن وضع هذه الروابط بداخل هذا الوسم.

دعم المتصفحات

الجدول التالي يظهر المتصفحات التي تدعم الوسم <nav>.

خصائصه

لا يملك أي خصائص تم إعدادها خصيصاً له.

إستخدامه

في المثال التالي قمنا بإضافة وسم <nav> في أعلى الصفحة وضعنا فيه عدة روابط.

<nav>
    <a href="https://harmash.com/tutorials/html">HTML</a> |
    <a href="https://harmash.com/tutorials/sql">SQL</a> |
    <a href="https://harmash.com/tutorials/java">JAVA</a> |
    <a href="https://harmash.com/tutorials/cplusplus">C++</a>
</nav>

تصميمه الإفتراضي

بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.

nav {
    display: block;
}

نصائح و ملاحظات

أنت لست مجبر على استخدام هذا الوسم لأنه لا يعطيك أي ميزة إضافية عن التي يقدمها لك الوسم <div> و هذا الأمر سبق و أشرنا إليه.

فائدة هذا الوسم هي فقط جعل كود الصفحة أسهل في القراءة قليلاً بالنسبة للمصمم حتى لا يكون أغلبها عبارة عن <div> بداخل <div> بداخل <div> إلخ..
هناك فائدة أخرى تلاحظها حين تستغل إسم الوسم <nav> في التصميم و هي أنه يجعلك تستخدم أسماء كلاسات CSS أقل.