Details tegi

details tegi HTML da spoyler yaratadi, ya'ni foydalanuvchi xohlaganda ko'rsatish yoki yashirish mumkin bo'lgan ma'lumot uchun ishlatiladi.

Standart holatda teg tarkibi yashirilgan, uni foydalanuvchi talabiga ko'ra ko'rsatish uchun summary tegini qo'shish kerak, u details tegi uchun sarlavhani ko'rsatadi. Bu sarlavha sahifada har doim ko'rinadi (hatto details tarkibi yig'ilgan holatda bo'lsa ham) va unga bosish orqali yashirin matnni yoyish yoki yig'ish mumkin.

Shuningdek, yashirin tarkibni ko'rsatish uchun details tegining open atributidan foydalanish mumkin (masalan, JavaScript yordamida details tarkibini ko'rsatish uchun).

Misol

Keling, details tegi qanday ishlashini ko'rib chiqaylik:

html<details>
  <summary>menga bosing</summary>
  yashirin matn
</details>

Результат:

Shuningdek qarang

  • hidden atributi,
    u sahifadagi bloklarni yashiradi