HTML — ناوبری (nav)

آخرین بروزرسانی: 1404/08/07

قبلی: سنجش (meter) بعدی: بدون فریم (noframes)

ناوبری (nav)

تگ «ناوبری (Nav)» برای لینک های مهم سایت است. مثل منوی اصلی بالا. همه لینک ها داخل آن نمی آیند. فقط بلوک های اصلی ناوبری داخلش باشند. برای نمونه، منوی درس ها یا مسیرهای اصلی.

تعریف و کاربرد تگ ناوبری

طبق منبع، <nav> مجموعه ای از لینک های ناوبری را تعریف می کند. همه لینک های صفحه لزوماً داخل <nav> نیستند. این عنصر برای بخش های بزرگ ناوبری است.

نمونه پایه از منبع

&lt;nav&gt;
  &lt;a href="/html/"&gt;HTML&lt;/a&gt; |
  &lt;a href="/css/"&gt;CSS&lt;/a&gt; |
  &lt;a href="/js/"&gt;JavaScript&lt;/a&gt; |
  &lt;a href="/python/"&gt;Python&lt;/a&gt;
&lt;/nav&gt;

مشاهده در ادیتور

دسترس پذیری و خوانایی

صفحه خوان ها بخش <nav> را تشخیص می دهند. بنابراین کاربران سریع تر مسیر می یابند. متن لینک ها واضح و کوتاه باشند. ترتیب لینک ها منطقی باشد.

گام های عملی ساخت ناوبری

اول، عنصر <nav> را در هدر بگذار.
بعد، لینک ها را با متن معنی دار بنویس.
سپس، لینک های فرعی را بیرون <nav> نگه دار.

نکته: برای فهرست های ساده می توانی از menu یا ul استفاده کنی؛ اما بخش های اصلی داخل <nav> باشد.

برای سئو، روی کلمه ناوبری تمرکز کن. همچنین از لینک های داخلی مرتبط مثل meta برای توضیحات صفحه کمک بگیر.

جمع بندی سریع

<nav> مخصوص مسیرهای اصلی است.
همه لینک ها داخل آن نباشند.
متن لینک ها واضح و کوتاه باشد.
جای ثابت بده تا کاربر گم نشود.