ট্যাগ details
ট্যাগ details HTML-এ একটি স্পয়লার তৈরি করে,
অর্থাৎ এটি এমন তথ্যের জন্য ব্যবহার করা হয়,
যা ব্যবহারকারীর ইচ্ছায় লুকানো বা দেখানো যেতে পারে।
ডিফল্টরূপে ট্যাগের বিষয়বস্তু লুকানো থাকে,
ব্যবহারকারীর অনুরোধে এটি দেখানোর জন্য
ট্যাগ
summary যোগ করতে হবে, যা ট্যাগ details-এর
জন্য একটি শিরোনাম নির্দেশ করে। এই শিরোনামটি সর্বদা
পৃষ্ঠায় দৃশ্যমান থাকে (এমনকি যদি details-এর বিষয়বস্তু
ভাঁজ অবস্থায় থাকে) এবং এটি ক্লিক করে লুকানো
টেক্সট প্রসারিত বা ভাঁজ করা যেতে পারে।
এছাড়াও লুকানো বিষয়বস্তু দেখানোর জন্য ট্যাগ details-এর
open অ্যাট্রিবিউট ব্যবহার করা যেতে পারে
(উদাহরণস্বরূপ, JavaScript ব্যবহার করে details-এর
বিষয়বস্তু দেখানোর জন্য)।
উদাহরণ
আসুন দেখি ট্যাগ details কিভাবে কাজ করে:
<details>
<summary>click me</summary>
hidden text
</details>
:
আরও দেখুন
-
অ্যাট্রিবিউট
hidden,
যা পৃষ্ঠায় ব্লকগুলি লুকিয়ে দেয়
