HTML <caption>

<caption> — jadvalga sarlavha (izoh) beradigan teg. U jadvalning nima haqida ekanini qisqacha tushuntiradi va jadval ustida joylashadi. <caption> jadvalni tushunarli va kirish uchun qulay qiladi.

<caption> — jadvalning sarlavhasini belgilaydigan teg. U <table> ichida, birinchi element sifatida yoziladi.

Oddiy foydalanish

<caption> <table> ning birinchi elementi bo’lishi kerak:

<table>
    <caption>Foydalanuvchilar ro'yxati</caption>
    <tr>
        <th>Ism</th>
        <th>Yosh</th>
    </tr>
    <tr>
        <td>Farrux</td>
        <td>26</td>
    </tr>
</table>

Bu jadval quyidagicha ko’rinadi:

<caption> “Foydalanuvchilar ro’yxati” sarlavhasini jadval ustida ko’rsatdi. U <table> ichida, boshqa barcha qatorlardan oldin yoziladi.

Nega caption kerak?

Jadval sarlavhasi bir necha muhim foyda beradi. Ularni jadvalda ko’ramiz:

Sarlavhasiz jadval, ayniqsa ko’p bo’lganda, chalkash bo’lishi mumkin. <caption> bu muammoni hal qiladi.

Joylashuvi

<caption> doim <table> ochilgandan keyingi birinchi element bo’lishi shart. Uni boshqa joyga qo’ysangiz, brauzer uni to’g’ri ko’rsatmasligi mumkin:

<table>
    <caption>2026-yil sotuvlari</caption>
    <tr><th>Oy</th><th>Miqdor</th></tr>
</table>

Odatiy holda <caption> jadval ustida markazlashgan holda ko’rinadi. Uning joylashuvi va ko’rinishini CSS bilan o’zgartirish mumkin, ammo semantik o’rni doim jadval boshida qoladi.

Amaliy eslatma

Har bir mazmunli jadvalga <caption> qo’shish yaxshi amaliyot — bu jadvalni ham vizual, ham texnik jihatdan yaxshilaydi. Ayniqsa hisobotlar, statistika va ma’lumot jadvallarida u foydalanuvchiga kontekst beradi. Sarlavhani qisqa va aniq yozing.

Xulosa

Bu bo’limda <caption> tegini, uni jadval sarlavhasi sifatida ishlatishni, uning foydalarini va to’g’ri joylashuvini ko’rib chiqdik. <caption> — jadvalni tushunarli qiladigan sarlavha. Keyingi darsda <code> tegiga o’tamiz.