<hr> — sahifada mavzular yoki bo’limlar orasidagi ajratuvchi gorizontal chiziqni chizadigan teg. U mazmuniy o’zgarishni — bir mavzudan ikkinchisiga o’tishni — vizual va semantik jihatdan belgilaydi. <hr> yopuvchi tegga ega bo’lmagan bo’sh (void) element.
<hr>(horizontal rule) — bo’limlar orasidagi mavzuiy ajralishni ifodalaydigan gorizontal chiziq. U yopuvchi tegga ega emas.
Oddiy foydalanish
<hr> matn bo’limlari orasiga gorizontal chiziq qo’yadi:
<p>Birinchi mavzu haqida matn.</p>
<hr>
<p>Ikkinchi, butunlay boshqa mavzu.</p>
Birinchi mavzu haqida matn.
────────────────────────────
Ikkinchi, butunlay boshqa mavzu.
<hr> ikki paragraf orasiga chiziq chizib, ularni ajratdi. Bu vizual chiziq mazmundagi o’zgarishni — bir mavzudan ikkinchisiga o’tishni — bildiradi.
Semantik ma’no
<hr> shunchaki bezak emas — u mavzuiy ajralishni bildiradi. Bu uni oddiy chiziqdan farqlaydi:
| Maqsad | Vosita |
|---|---|
| Mavzu o’zgarishi (semantik) | <hr> |
| Faqat bezak chiziq | CSS border |
Agar chiziq haqiqatan mazmun o’zgarishini belgilasa — <hr>; shunchaki dekorativ chiziq kerak bo’lsa — CSS.
Ko’rinishini o’zgartirish
<hr> ning ko’rinishini (qalinlik, rang, uzunlik) CSS bilan sozlash mumkin:
<hr style="border: 2px solid blue; width: 50%;">
──────────── (ko'k, qalinroq, yarim kenglikda)
CSS orqali chiziqni loyihaning uslubiga moslashtirasiz. Standart <hr> yupqa kulrang chiziq bo’lib ko’rinadi.
Amaliy eslatma
<hr> ni mazmun bir mavzudan ikkinchisiga o’tganda ishlating — masalan, maqolaning turli bo’limlari yoki hikoyaning yangi qismi orasida. Uni shunchaki bo’shliq yaratish yoki bezak uchun ishlatmang; buning uchun CSS margin yoki border bor. To’g’ri ishlatilganda, <hr> sahifani mantiqiy bo’laklarga ajratadi.
Xulosa
Bu bo’limda <hr> tegini, uning mavzuiy ajralish ma’nosini, “void” teg ekanini va CSS bilan ko’rinishini o’zgartirishni ko’rib chiqdik. <hr> — bo’limlar orasidagi mazmunli chiziq. Keyingi darsda <i> tegiga o’tamiz.