HTML <header>

<header> — sahifa yoki bo’limning bosh qismini belgilaydigan semantik teg. Logotip, sayt nomi, asosiy navigatsiya va kirish sarlavhasi ko’pincha aynan shu tegga joylashadi. Diqqat: <header> (bosh qism) va <head> (metama’lumot) — ikki butunlay boshqa teg.

<header> — sahifa yoki bo’limning boshlang’ich, kirish qismini ifodalaydigan semantik teg. U logotip, sarlavha va navigatsiyani o’z ichiga oladi.

Oddiy foydalanish

<header> odatda sahifaning eng tepasida joylashadi:

<header>
    <h1>UzbekDevs</h1>
    <nav>
        <a href="/">Bosh sahifa</a>
        <a href="/kurslar">Kurslar</a>
    </nav>
</header>

UzbekDevs
Bosh sahifa | Kurslar

<header> ichida sayt nomi (<h1>) va navigatsiya (<nav>) joylashdi. Bu sahifaning kirish qismini tashkil qiladi va foydalanuvchini yo’naltiradi.

header va head farqi

Bu ikki tegni chalkashtirmaslik muhim. Farqni jadvalda ko’ramiz:

Teg	Ko’rinadimi?	Nima saqlaydi
`<head>`	yo’q	metama’lumot (title, meta)
`<header>`	ha	logotip, sarlavha, menyu

<head> — brauzer uchun ko’rinmas ma’lumot, <header> — foydalanuvchi ko’radigan bosh qism. Nomlari o’xshasa-da, vazifalari butunlay boshqa.

Bo’lim ichida header

<header> faqat sahifa tepasida emas, <article> yoki <section> ichida ham ishlatilishi mumkin — bunda u shu bo’limning bosh qismini bildiradi:

<article>
    <header>
        <h2>HTML darsligi</h2>
        <p>Muallif: Master Sherkulov</p>
    </header>
    <p>Asosiy maqola matni...</p>
</article>

HTML darsligi
Muallif: Master Sherkulov
Asosiy maqola matni...

Bu yerda <header> maqolaning bosh qismini (sarlavha, muallif) berdi. Bir sahifada bir necha <header> bo’lishi mumkin.

Semantik ahamiyat

<header> — semantik teg va u <footer> ning aksi: biri sahifaning boshini, ikkinchisi oxirini belgilaydi. Uni oddiy <div> o’rniga ishlatish kod maqsadini aniq bildiradi va sahifa tuzilishini qidiruv tizimlari hamda ekran o’quvchilar uchun tushunarli qiladi.

Xulosa

Bu bo’limda <header> semantik tegini, unga joylashadigan kontentni, <head> dan farqini va bo’lim ichida ishlatishni ko’rib chiqdik. <header> — sahifaning bosh qismini belgilaydi. Keyingi darsda <hr> tegiga o’tamiz.

Oldingi <head>

Keyingi <hr>