HTML <dl>

<dl> — ta’rif ro’yxatini (description list) yaratadigan teg. Oddiy ro’yxatlar (<ul>, <ol>) shunchaki elementlar ketma-ketligini bersa, <dl> “atama va uning tavsifi” juftliklarini tuzadi. Lug’atlar, atamalar ro’yxati va xususiyatlar jadvali uchun ideal.

<dl> (description list) — atama-tavsif juftliklaridan iborat ro’yxatni yaratadigan teg. U <dt> (atama) va <dd> (tavsif) teglarini o’z ichiga oladi.

Ta’rif ro’yxati tuzilishi

<dl> ichida <dt> (atama) va <dd> (tavsif) juftliklari joylashadi:

<dl>
    <dt>Python</dt>
    <dd>Sun'iy intellekt va veb uchun til.</dd>
    <dt>JavaScript</dt>
    <dd>Brauzerda ishlaydigan til.</dd>
</dl>

Python
    Sun'iy intellekt va veb uchun til.
JavaScript
    Brauzerda ishlaydigan til.

<dl> butun ro’yxatni qamrab oladi, ichida esa har bir atama (<dt>) va uning tavsifi (<dd>) juftlashadi. Tavsif odatda chekintirilgan holda ko’rinadi.

dl, dt, dd rollari

Uch tegning vazifasini jadvalda jamlaymiz:

Bu uchlik doim birga ishlatiladi. <dl> — idish, <dt> va <dd> esa uning mazmuni.

dl va boshqa ro’yxatlar

HTML uch turdagi ro’yxat beradi. Ularni solishtiramiz:

• <ul> — tartibsiz ro’yxat (nuqtali).
• <ol> — tartiblangan ro’yxat (raqamli).
• <dl> — ta’rif ro’yxati (atama-tavsif).

<dl> boshqa ikkisidan farqi shundaki, u shunchaki elementlar emas, balki nom va uning izohi juftligini ifodalaydi. Bu uni metama’lumot va lug’atlar uchun to’g’ri tanlov qiladi.

Qayerda ishlatiladi?

<dl> lug’atlar, FAQ (savol-javob) bo’limlari, mahsulot xususiyatlari (masalan, “Rang: qora”, “Xotira: 128GB”) va metama’lumotlarni ko’rsatishda ishlatiladi. Har bir element “nom → tavsif” tuzilishiga ega bo’lganda bu teg eng mos keladi.

Xulosa

Bu bo’limda <dl> tegini, uning <dt> va <dd> bilan tuzilishini, boshqa ro’yxatlardan farqini va qo’llanish sohalarini ko’rib chiqdik. <dl> — atama-tavsif juftliklari uchun to’g’ri teg. Keyingi darsda <dt> tegiga o’tamiz.