टैग details
टैग details HTML पर एक स्पॉइलर बनाता है,
अर्थात इसका उपयोग उस जानकारी के लिए किया जाता है जिसे
उपयोगकर्ता की इच्छानुसार छुपाया या दिखाया जा सकता है।
डिफ़ॉल्ट रूप से टैग की सामग्री छुपी होती है,
उपयोगकर्ता के अनुरोध पर इसे दिखाने के लिए
टैग
summary जोड़ना चाहिए,
जो टैग details के लिए शीर्षक
निर्दिष्ट करता है। यह शीर्षक हमेशा
पृष्ठ पर दिखाई देता है (भले ही details की सामग्री
संकुचित स्थिति में हो) और इस पर
छुपे हुए टेक्स्ट को विस्तारित करने
या संकुचित करने के लिए क्लिक किया जा सकता है।
साथ ही छुपी हुई सामग्री को दिखाने के लिए
टैग details के विशेषता open
का उपयोग किया जा सकता है
(उदाहरण के लिए, JavaScript की मदद से details की
सामग्री दिखाने के लिए)।
उदाहरण
आइए देखें कि टैग details कैसे काम करता है:
<details>
<summary>click me</summary>
hidden text
</details>
:
यह भी देखें
-
विशेषता
hidden,
जो पृष्ठ पर ब्लॉक्स को छुपाती है
