<h1>–<h6> — sahifadagi sarlavhalarni belgilaydigan teglar. Ular oltita darajaga bo’linadi: <h1> — eng katta va muhim, <h6> — eng kichik. Sarlavhalar kontentni ierarxiyaga soladi va sahifaning tuzilmasini aniq ko’rsatadi.
<h1>–<h6>(heading) — sarlavhalarni olti darajada ifodalaydigan teglar. Ular kontentning muhimlik darajasini va tuzilmasini belgilaydi.
Olti daraja
Barcha oltita sarlavha darajasini ko’ramiz:
<h1>Eng katta sarlavha</h1>
<h2>Ikkinchi daraja</h2>
<h3>Uchinchi daraja</h3>
<h4>To'rtinchi daraja</h4>
<h5>Beshinchi daraja</h5>
<h6>Eng kichik sarlavha</h6>
Eng katta sarlavha
Ikkinchi daraja
Uchinchi daraja
To'rtinchi daraja
Beshinchi daraja
Eng kichik sarlavha
<h1> eng katta va qalin, <h6> esa eng kichik ko’rinadi. O’lcham kamaygani sari sarlavhaning muhimlik darajasi ham pasayadi.
Ierarxiya qoidasi
Sarlavhalar mantiqiy ierarxiyada ishlatilishi kerak. Har bir daraja o’z o’rniga ega:
| Teg | O’rni | Misol |
|---|---|---|
<h1> |
sahifaning bosh sarlavhasi | sayt/maqola nomi |
<h2> |
asosiy bo’lim | katta bo’lim |
<h3> |
kichik bo’lim | ichki mavzu |
<h4>–<h6> |
quyi darajalar | tafsilotlar |
To’g’ri tuzilma
Sarlavhalarni tartib bilan ishlatish muhim — darajalarni tashlab ketmang:
<h1>UzbekDevs — dasturlash platformasi</h1>
<h2>Kurslar</h2>
<h3>Python kursi</h3>
<h3>JavaScript kursi</h3>
<h2>Ustozlar</h2>
UzbekDevs — dasturlash platformasi
Kurslar
Python kursi
JavaScript kursi
Ustozlar
<h1> — bosh sarlavha, <h2> — asosiy bo’limlar, <h3> — ular ichidagi mavzular. Bu mantiqiy tuzilma qidiruv tizimlariga sahifani tushunishga yordam beradi.
Muhim qoidalar
Sarlavhalar bilan ishlashda ikki muhim qoida bor. Birinchidan, bir sahifada odatda **faqat bitta <h1> bo’lishi kerak — u sahifaning asosiy mavzusini bildiradi. Ikkinchidan, sarlavhalarni shunchaki matnni kattalashtirish uchun ishlatmang — buning uchun CSS bor. Sarlavhalar mazmun ierarxiyasini ifodalaydi, bu esa SEO va kirish qulayligi uchun hal qiluvchi ahamiyatga ega.
Xulosa
Bu bo’limda <h1>–<h6> sarlavha teglarini, ularning olti darajasini, ierarxiya qoidasini va to’g’ri tuzilmani ko’rib chiqdik. Sarlavhalar — sahifa tuzilmasining skeleti. Keyingi darsda <head> tegiga o’tamiz.