इस HTML MCQ Set 10 | HTML5 Features and Advanced Elements में HTML5 की प्रमुख विशेषताओं और <details>, <summary>, <progress>, <meter>, <figure>, <figcaption>, <data>, <time>, <dialog> और <output> जैसे आधुनिक एलिमेंट्स पर 20 बहुविकल्पीय प्रश्न दिए गए हैं। हर प्रश्न के साथ सही उत्तर और सरल व्याख्या मौजूद है। यह अभ्यास ITI COPA, CCC, DCA, PGDCA और वेब डिज़ाइनिंग से जुड़ी परीक्षाओं की तैयारी के लिए उपयोगी है।
बहुविकल्पीय प्रश्नों के लिए निर्देश
- हर प्रश्न को ध्यान से पढ़ें।
- चार विकल्पों में से एक सही उत्तर चुनें।
- सही उत्तर पर ✅ और गलत उत्तर पर ❌ का चिन्ह दिखाई देगा।
- गलत उत्तर मिलने पर आप दोबारा प्रयास कर सकते हैं।
- सभी प्रश्नों को हल करने के पश्चात् कृपया Show Score बटन पर क्लिक करें। उत्तीर्ण होने के लिए न्यूनतम अंक प्रतिशत 60% है।
- अपने स्कोर को सुधारने के लिए Try Again बटन का उपयोग करें।
HTML5 Features and Advanced Elements MCQ – Set 10
1. एचटीएमएल5 की एक प्रमुख विशेषता क्या है? (What is a major feature of HTML5?)
सही उत्तर : (C) ऑडियो और वीडियो जैसे मीडिया एलिमेंट का समर्थन (Support for media elements such as audio and video)
Explanation: HTML5 का मतलब Hyper Text Markup Language का पाँचवाँ संस्करण (Version 5) है। इसकी प्रमुख विशेषताओं में <audio> और <video> जैसे मीडिया एलिमेंट का सीधा समर्थन शामिल है। इसमें <figure>, <dialog> और <details> जैसे नए एलिमेंट भी हैं। HTML5 वेब पेज की संरचना बनाने की भाषा है, इसलिए डेटाबेस को अनिवार्य नहीं करती और केवल टेक्स्ट तक सीमित नहीं है।
2. खुलने और बंद होने योग्य सामग्री के लिए कौन-सा एलिमेंट उपयोग होता है? (Which element creates expandable and collapsible content?)
सही उत्तर : (A) <details>
Explanation: <details> एलिमेंट ऐसी सामग्री बनाता है, जिसे क्लिक करके खोला और बंद किया जा सकता है, और इसके लिए JavaScript की ज़रूरत नहीं होती। <summary> इसके अंदर दिखने वाला शीर्षक देता है, पर खोलने-बंद करने वाला मुख्य एलिमेंट <details> ही है। <expand> और <toggle> HTML के टैग नहीं हैं।
3. <details> में दिखने वाला शीर्षक किस एलिमेंट से दिया जाता है? (Which element gives the visible label inside <details>?)
सही उत्तर : (D) <summary>
Explanation: <summary> को <details> के अंदर सबसे पहले लिखा जाता है। यही वह शीर्षक या लेबल है, जो हमेशा दिखता है और जिस पर क्लिक करने से बाकी सामग्री खुलती या बंद होती है। उदाहरण: <details><summary>निर्देश</summary>सामग्री</details>। <caption> टेबल के शीर्षक के लिए और <title> पेज के शीर्षक के लिए होता है।
4. किसी कार्य की प्रगति दर्शाने के लिए कौन-सा एलिमेंट उपयोग होता है? (Which element shows the progress of a task?)
सही उत्तर : (B) <progress>
Explanation: <progress> एलिमेंट किसी कार्य की प्रगति दिखाता है, जैसे फाइल डाउनलोड या फॉर्म भरने की स्थिति। उदाहरण: <progress value="70" max="100"></progress>। <meter> कार्य की प्रगति के लिए नहीं, बल्कि निश्चित सीमा के भीतर किसी माप के लिए होता है। <status> और <loading> HTML के टैग नहीं हैं।
5. निश्चित सीमा के भीतर माप दर्शाने के लिए कौन-सा एलिमेंट उपयोग होता है? (Which element shows a measurement within a known range?)
सही उत्तर : (C) <meter>
Explanation: <meter> एलिमेंट किसी ज्ञात सीमा (min से max) के भीतर किसी माप या मात्रा को दिखाता है, जैसे डिस्क का उपयोग या स्कोर। उदाहरण: <meter value="6" min="0" max="10"></meter>। इसमें min, max, low, high और optimum जैसे एट्रिब्यूट भी होते हैं। <measure> और <range> HTML के टैग नहीं हैं।
6. <progress> में max एट्रिब्यूट क्या निर्धारित करता है? (What does the max attribute specify in <progress>?)
सही उत्तर : (A) कार्य का अधिकतम प्रगति मान (The maximum progress value)
Explanation: max का पूरा रूप Maximum है। <progress> में max बताता है कि कार्य पूरा होने पर प्रगति का कुल मान कितना होगा। उदाहरण: <progress value="30" max="100"></progress> में 100 में से 30 की प्रगति दिखती है। कार्य का नाम, पूरा होने का समय और रंग max से तय नहीं होते।
7. <meter> में value एट्रिब्यूट क्या बताता है? (What does the value attribute indicate in <meter>?)
सही उत्तर : (D) वर्तमान माप का संख्यात्मक मान (The current numerical measurement value)
Explanation: <meter> में value एट्रिब्यूट वह वर्तमान संख्यात्मक मान बताता है, जिसे दिखाना है। उदाहरण: <meter value="6" min="0" max="10"></meter> में वर्तमान मान 6 है। माप की इकाई प्रतिशत होना अनिवार्य नहीं है, मान किसी भी संख्यात्मक सीमा में हो सकता है।
8. चित्र और उसके कैप्शन को एक साथ समूहित करने के लिए कौन-सा एलिमेंट उपयोग होता है? (Which element groups an image and its caption together?)
सही उत्तर : (B) <figure>
Explanation: <figure> एलिमेंट चित्र जैसी सामग्री और उसके कैप्शन को एक इकाई के रूप में समूहित करता है। कैप्शन <figcaption> से दिया जाता है। उदाहरण: <figure><img src="a.jpg" alt="चित्र"><figcaption>कैप्शन</figcaption></figure>। <picture> अलग-अलग स्क्रीन के लिए अलग चित्र चुनने में काम आता है। <imagegroup> और <media> HTML के टैग नहीं हैं।
9. <figure> में कैप्शन देने के लिए कौन-सा एलिमेंट उपयोग होता है? (Which element provides a caption inside <figure>?)
सही उत्तर : (C) <figcaption>
Explanation: figcaption का पूरा रूप Figure Caption है। यह <figure> के अंदर उस सामग्री का कैप्शन देता है और <figure> के पहले या अंतिम भाग में लिखा जाता है। <caption> टेबल के शीर्षक के लिए, <label> फॉर्म के इनपुट के नाम के लिए और <summary> <details> के शीर्षक के लिए होता है।
10. मशीन-पठनीय मान के साथ पढ़ने योग्य सामग्री को जोड़ने वाला एलिमेंट कौन-सा है? (Which element links human-readable content with a machine-readable value?)
सही उत्तर : (A) <data>
Explanation: <data> एलिमेंट में value एट्रिब्यूट के द्वारा मशीन के पढ़ने योग्य मान दिया जाता है और टैग के अंदर इंसानों के पढ़ने योग्य सामग्री लिखी जाती है। उदाहरण: <data value="101">पेन</data>। <meta> पेज की जानकारी के लिए और <output> परिणाम दिखाने के लिए होता है। <value> HTML का टैग नहीं है।
11. तारीख या समय को मशीन-पठनीय रूप में दर्शाने वाला एलिमेंट कौन-सा है? (Which element represents a date or time in a machine-readable format?)
सही उत्तर : (D) <time>
Explanation: <time> एलिमेंट तारीख या समय को इस तरह दर्शाता है कि ब्राउज़र और सर्च इंजन जैसी मशीनें उसे समझ सकें। उदाहरण: <time datetime="2026-10-23">23 अक्टूबर 2026</time>। <date>, <clock> और <datetime> HTML के एलिमेंट नहीं हैं। datetime एक एट्रिब्यूट का नाम है।
12. <time> में datetime एट्रिब्यूट का उद्देश्य क्या है? (What is the purpose of the datetime attribute in <time>?)
सही उत्तर : (B) तारीख या समय का मशीन-पठनीय मान देना (Providing a machine-readable date or time value)
Explanation: datetime का मतलब Date and Time है। <time> के अंदर इंसानों के लिए तारीख किसी भी रूप में लिखी जा सकती है, जबकि datetime एट्रिब्यूट में उसका मानक रूप दिया जाता है, जैसे 2026-10-23। यह एट्रिब्यूट न समय बदलता है, न घड़ी दिखाता है और न टाइमर शुरू करता है।
13. डायलॉग बॉक्स बनाने के लिए कौन-सा टैग उपयोग होता है? (Which tag is used to create a dialog box in HTML?)
सही उत्तर : (C) <dialog>
Explanation: <dialog> टैग HTML5 का वह एलिमेंट है, जिससे डायलॉग बॉक्स या पॉप-अप जैसा इंटरैक्टिव हिस्सा बनाया जाता है। उदाहरण: <dialog open>नमस्ते</dialog>। <popup>, <window> और <messagebox> HTML के टैग नहीं हैं।
14. <dialog> में open एट्रिब्यूट का क्या अर्थ है? (What does the open attribute mean in <dialog>?)
सही उत्तर : (A) डायलॉग खुली अवस्था में है (The dialog is in an open state)
Explanation: <dialog> में open एट्रिब्यूट जोड़ने पर डायलॉग पेज पर दिखाई देता है। यह एट्रिब्यूट न होने पर डायलॉग सामान्यतः छिपा रहता है। यह न नया टैब खोलता है, न कोई फ़ाइल खोलता है और न डायलॉग को हटाता है।
15. <output> एलिमेंट का सामान्य उद्देश्य क्या है? (What is the general purpose of the <output> element?)
सही उत्तर : (D) किसी गणना या यूज़र क्रिया के परिणाम को दर्शाना (Displaying the result of a calculation or user action)
Explanation: <output> एलिमेंट किसी गणना या उपयोगकर्ता की क्रिया का परिणाम दिखाने के लिए होता है, जैसे दो संख्याओं के जोड़ का परिणाम। यह अक्सर फॉर्म के साथ उपयोग होता है। फ़ाइल अपलोड <input type="file"> से, वीडियो <video> से और पेज का शीर्षक <title> से तय होता है।
16. एचटीएमएल5 में सीधे ऑडियो-वीडियो चलाने का क्या लाभ है? (What is the benefit of native audio and video support in HTML5?)
सही उत्तर : (B) समर्थित मीडिया को चलाने के लिए हमेशा बाहरी प्लगइन की आवश्यकता नहीं होती (External plugins are not always required to play supported media)
Explanation: HTML5 के <audio> और <video> एलिमेंट से ब्राउज़र समर्थित मीडिया फाइलों को सीधे चला सकता है। पहले इसके लिए Flash जैसे बाहरी प्लगइन की ज़रूरत पड़ती थी। फिर भी हर मीडिया फॉर्मेट हर ब्राउज़र में नहीं चलता, और इससे फाइलें अपने आप एडिट नहीं होतीं या इंटरनेट की गति नहीं बढ़ती।
17. ब्राउज़र <details open> को सामान्यतः किस अवस्था में दिखाता है? (How does a browser generally display <details open>?)
सही उत्तर : (C) खुली अवस्था में (Expanded)
Explanation: <details> में open एट्रिब्यूट लिखने पर सामग्री पेज लोड होते ही खुली हुई दिखाई देती है। यह एट्रिब्यूट न हो, तो <details> सामान्यतः बंद रहता है और केवल <summary> दिखता है। उपयोगकर्ता क्लिक करके इसे बाद में बंद भी कर सकता है।
18. <meter> एलिमेंट किस स्थिति के लिए सबसे उपयुक्त है? (Which situation is most suitable for the <meter> element?)
सही उत्तर : (A) डिस्क में उपयोग की गई क्षमता का अनुपात दिखाना (Showing the proportion of disk capacity used)
Explanation: <meter> किसी निश्चित सीमा में आने वाले माप को दिखाता है, जैसे डिस्क का उपयोग, तापमान या स्कोर। इसलिए डिस्क की कुल क्षमता में से उपयोग किए गए भाग को दिखाने के लिए यह उपयुक्त है। डाउनलोड की स्थिति <progress> से, पेज का शीर्षक <title> से और नेविगेशन लिंक <nav> तथा <a> से बनाए जाते हैं।
19. <progress> में value एट्रिब्यूट न देने पर क्या होता है? (What happens if value is omitted from <progress>?)
सही उत्तर : (D) प्रगति अनिश्चित रहती है (The progress is indeterminate)
Explanation: <progress> में value न देने पर प्रगति Indeterminate मानी जाती है, यानी कार्य चल रहा है पर कितना पूरा हुआ, यह पता नहीं है। ब्राउज़र ऐसे में सामान्यतः चलती हुई या अनिश्चित प्रगति-पट्टी दिखाता है। एलिमेंट हटता नहीं है और पेज बंद भी नहीं होता।
20. <figure> एलिमेंट में किस प्रकार की सामग्री रखी जा सकती है? (What type of content can be placed inside <figure>?)
सही उत्तर : (B) चित्र, डायग्राम, कोड उदाहरण या अन्य स्वतंत्र सामग्री (Images, diagrams, code examples or other self-contained content)
Explanation: <figure> में ऐसी स्वतंत्र सामग्री रखी जाती है, जो मुख्य टेक्स्ट से जुड़ी होती है पर अलग भी रखी जा सकती है, जैसे चित्र, डायग्राम, चार्ट या कोड का उदाहरण। इसलिए यह केवल चित्र, केवल वीडियो या केवल टेबल तक सीमित नहीं है। कैप्शन देने के लिए इसके अंदर <figcaption> का उपयोग किया जाता है।