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