תגית
<nav>
משמשת להגדיר אזור ניווט בדף HTML, שבו נמצאים הקישורים שמובילים לדפים אחרים או לחלקים שונים באתר. מטרת התגית היא לייעל את התנועה באתר ולהקל על המשתמשים למצוא את המידע שהם מחפשים בצורה נוחה.
התגית
<nav>
לא משפיעה על הסגנון של הניווט, אלא היא מספקת סימון מבני עבור קישורים עיקריים. על מנת לעצב את אזור הניווט, יש להשתמש ב-CSS. ניתן לשלב בתגית
<nav>
רשימות, קישורים, ולפעמים גם תפריטים נפתחים או פריטים נוספים כמו כפתורים או אייקונים.
הנה דוגמה לשימוש בתגית
<nav>
:
<nav>
<ul>
<li>
<a href="#">
דף הבית</a>
</li>
<li>
<a href="#">
אודות</a>
</li>
<li>
<a href="#">
צור קשר</a>
</li>
</ul>
</nav>
בדוגמה זו, התגית
<nav>
מכילה רשימה לא מסודרת (ul) עם פריטי רשימה (li) שמכילים קישורים (a) לדפים שונים באתר.
התגית
<nav>
מאפשרת לארגן את הקישורים בצורה מסודרת ונגישה, והצבתה בסמוך לכותרת הדף, כמו בתגית
<header>
, היא פרקטיקה נפוצה, שכן זהו המקום שבו המשתמשים מצפים למצוא ניווט עיקרי באתר.
יש לשים לב לכך שבאמצעות תגית
<nav>
ניתן ליצור ניווט עיקרי בלבד. לשימושים נוספים, כמו ניווט בתוך חלקים שונים של הדף או ניווט בתוך תוכן דינמי, ניתן להשתמש בתגיות אחרות כמו
<aside>
או תגיות מותאמות אישית לפי הצורך.
שימוש נכון בתגית
<nav>
מסייע לשיפור חוויית המשתמש באתר על ידי הצעת מבנה ניווט ברור ומסודר, ומאפשר למבקרים למצוא את המידע שהם מחפשים בצורה קלה ומהירה.