इस HTML MCQ Set 12 | Attributes, Compatibility and Best Practices में अप्रचलित (Obsolete) टैग जैसे <font> और <center>, वॉइड एलिमेंट (Void Elements), ब्लॉक-लेवल एवं इनलाइन एलिमेंट, सही नेस्टिंग, <!DOCTYPE html>, एट्रिब्यूट वैल्यू में कोट्स, बूलियन एट्रिब्यूट, alt और <label> का उपयोग, id की विशिष्टता, <strong> बनाम <b>, <noscript> और HTML वैलिडेटर जैसे महत्वपूर्ण टॉपिक्स पर 20 बहुविकल्पीय प्रश्न दिए गए हैं। हर प्रश्न के साथ सही उत्तर और सरल व्याख्या मौजूद है। यह अभ्यास ITI COPA, CCC, DCA, PGDCA और वेब डिज़ाइनिंग से जुड़ी परीक्षाओं की तैयारी के लिए उपयोगी है।
बहुविकल्पीय प्रश्नों के लिए निर्देश
- हर प्रश्न को ध्यान से पढ़ें।
- चार विकल्पों में से एक सही उत्तर चुनें।
- सही उत्तर पर ✅ और गलत उत्तर पर ❌ का चिन्ह दिखाई देगा।
- गलत उत्तर मिलने पर आप दोबारा प्रयास कर सकते हैं।
- सभी प्रश्नों को हल करने के पश्चात् कृपया Show Score बटन पर क्लिक करें। उत्तीर्ण होने के लिए न्यूनतम अंक प्रतिशत 60% है।
- अपने स्कोर को सुधारने के लिए Try Again बटन का उपयोग करें।
HTML Attributes, Compatibility and Best Practices MCQ – Set 12
1. निम्नलिखित में से कौन-सा टैग आधुनिक एचटीएमएल में अप्रचलित (Obsolete) माना जाता है? (Which of the following tags is considered obsolete in modern HTML?)
सही उत्तर : (C) <font>
Explanation: <font> टैग पुराने HTML में टेक्स्ट का रंग, फॉन्ट फेस और आकार तय करने के लिए उपयोग होता था। यह प्रेज़ेंटेशन-आधारित टैग है और HTML5 में अप्रचलित है, क्योंकि स्टाइलिंग का काम CSS को सौंपा गया है। उदाहरण: p { color: red; font-size: 18px; }। <p> पैराग्राफ के लिए है, जबकि <section> और <article> HTML5 के वैध सिमेंटिक टैग हैं।
2. पुराने एचटीएमएल में सामग्री को बीच में संरेखित करने के लिए किस टैग का उपयोग किया जाता था, जो अब अप्रचलित है? (Which tag was historically used to center content and is now obsolete?)
सही उत्तर : (A) <center>
Explanation: <center> टैग सामग्री को क्षैतिज रूप से बीच में रखता था। HTML5 में यह अप्रचलित है; इसकी जगह CSS की text-align: center (टेक्स्ट के लिए) या margin: 0 auto (ब्लॉक एलिमेंट के लिए) उपयोग होती है। <middle>, <align> और <position> HTML के टैग नहीं हैं। इसी तरह <strike> भी अप्रचलित है, जिसकी जगह <del> या <s> उपयोग होता है।
3. निम्नलिखित में से कौन-सा वॉइड एलिमेंट (Void Element) है? (Which of the following is a void element?)
सही उत्तर : (D) <hr>
Explanation: hr का पूरा रूप Horizontal Rule है। <hr> एक Void Element है, यानी इसमें चाइल्ड कंटेंट नहीं होता और एंड टैग नहीं लिखा जाता। HTML5 में इसका अर्थ "thematic break" (विषय-परिवर्तन का विराम) है, जो ब्राउज़र में क्षैतिज रेखा के रूप में दिखता है। <div>, <strong> और <textarea> के एंड टैग होते हैं, इसलिए ये Void Elements नहीं हैं।
4. यदि किसी एट्रिब्यूट के मान में रिक्त स्थान (space) हो, तो निम्नलिखित में से कौन-सा लेखन सही है? (If an attribute value contains a space, which of the following is correct?)
सही उत्तर : (B) <p class="btn primary">
Explanation: जब एट्रिब्यूट के मान में स्पेस हो, तो मान को कोट्स (" " या ' ') में लिखना अनिवार्य है। बिना कोट्स के लिखने पर (विकल्प A) ब्राउज़र primary को अलग एट्रिब्यूट मान लेता है। विकल्प D में अंतिम कोट गायब है और विकल्प C में कॉमा मान का हिस्सा बन जाता है। सर्वोत्तम अभ्यास यह है कि सभी एट्रिब्यूट मान हमेशा कोट्स में लिखे जाएँ।
5. निम्नलिखित में से कौन-सा टैग वॉइड एलिमेंट नहीं है? (Which of the following is not a void element?)
सही उत्तर : (B) <textarea>
Explanation: <meta>, <link> और <br> Void Elements हैं, इनका एंड टैग नहीं लिखा जाता। <textarea> में टेक्स्ट सामग्री रखी जा सकती है, इसलिए इसका एंड टैग </textarea> आवश्यक है। नोट: HTML5 में Void Elements को <br /> की तरह स्लैश के साथ लिखना भी मान्य है, पर यह वैकल्पिक है; XHTML में यह अनिवार्य होता है।
6. किसी वाक्यांश को गंभीर महत्व (strong importance) देने के लिए HTML5 में सिमेंटिक रूप से कौन-सा टैग उपयुक्त है? (Which tag is semantically appropriate in HTML5 to indicate strong importance?)
सही उत्तर : (C) <strong>
Explanation: <strong> सामग्री के महत्व को दर्शाता है और स्क्रीन रीडर इसे जोर देकर पढ़ सकते हैं। उदाहरण: <strong>चेतावनी:</strong> आग से दूर रहें। <b> भी HTML5 में वैध है, पर वह केवल शैलीगत रूप से अलग (bold) दिखाता है, महत्व नहीं जताता। इसी प्रकार <em> ज़ोर के लिए और <i> केवल शैली के लिए है। <big> और <font> अप्रचलित हैं।
7. पारंपरिक एचटीएमएल वर्गीकरण में ब्लॉक-लेवल एलिमेंट की सामान्य विशेषता क्या है? (What is a general characteristic of a block-level element in traditional HTML classification?)
सही उत्तर : (D) वह सामान्यतः नई लाइन से शुरू होता है और उपलब्ध पूरी चौड़ाई ले सकता है (It generally starts on a new line and can occupy the available width)
Explanation: ब्लॉक-लेवल एलिमेंट, जैसे <div>, <p> और <section>, नई लाइन से शुरू होते हैं और पैरेंट की पूरी उपलब्ध चौड़ाई घेर सकते हैं। विकल्प B गलत है क्योंकि ब्लॉक एलिमेंट नई लाइन से ही शुरू होते हैं; विकल्प A और C का इस विशेषता से कोई संबंध नहीं है। नोट: HTML5 में इन्हें Flow content और Phrasing content कहा जाता है, और वास्तविक प्रदर्शन CSS की display प्रॉपर्टी से तय होता है।
8. पारंपरिक वर्गीकरण के अनुसार कौन-सा एलिमेंट इनलाइन (Inline) एलिमेंट का उदाहरण है? (According to traditional classification, which is an example of an inline element?)
सही उत्तर : (B) <span>
Explanation: <span> एक इनलाइन एलिमेंट है; यह टेक्स्ट की लाइन के भीतर रहता है और केवल आवश्यक चौड़ाई लेता है। इसका उपयोग टेक्स्ट के छोटे हिस्से को स्टाइल या चिह्नित करने के लिए होता है। उदाहरण: <p>कीमत <span>₹500</span> है</p>। <div>, <section> और <p> पारंपरिक वर्गीकरण में ब्लॉक-लेवल एलिमेंट हैं।
9. निम्नलिखित में से कौन-सा टैग फ़्रेम-आधारित पेज बनाने के लिए उपयोग होता था और आधुनिक एचटीएमएल में अप्रचलित है? (Which tag was used to create frame-based pages and is obsolete in modern HTML?)
सही उत्तर : (C) <frameset>
Explanation: <frameset> ब्राउज़र विंडो को कई फ्रेमों में बाँटकर अलग-अलग पेज दिखाने के लिए उपयोग होता था। HTML5 में <frameset>, <frame> और <noframes> तीनों हटा दिए गए हैं। <iframe> अभी भी वैध है और मौजूदा पेज के भीतर दूसरा पेज एम्बेड करता है। <framebox> और <window> HTML के टैग नहीं हैं।
10. यदि उपयोगकर्ता के ब्राउज़र में JavaScript बंद हो, तब वैकल्पिक सामग्री दिखाने के लिए किस टैग का उपयोग किया जाता है? (Which tag is used to show alternative content when JavaScript is disabled in the browser?)
सही उत्तर : (A) <noscript>
Explanation: <noscript> के अंदर लिखी सामग्री केवल तब दिखती है जब ब्राउज़र में स्क्रिप्ट बंद हो या समर्थित न हो। यह संगतता (Compatibility) के लिए उपयोगी है। उदाहरण: <noscript>कृपया JavaScript चालू करें</noscript>। <script defer> स्क्रिप्ट को पेज पार्स होने के बाद चलाता है, वैकल्पिक सामग्री नहीं दिखाता। <nojs> और <fallback> HTML के टैग नहीं हैं।
11. निम्नलिखित में से कौन-सा एचटीएमएल कोड सही नेस्टिंग दर्शाता है? (Which of the following HTML snippets demonstrates correct nesting?)
सही उत्तर : (D) <p><b><i>Text</i></b></p>
Explanation: सही नेस्टिंग का नियम है: जो टैग सबसे पहले खुला हो, वह सबसे बाद में बंद हो। विकल्प D में <i> पहले बंद होता है, फिर <b>, फिर <p>, इसलिए यह सही है। विकल्प C में <b> और <i> आपस में उलझे हुए (overlap) हैं, जबकि A और B में बाहर का टैग अंदर के टैग से पहले बंद हो रहा है।
12. एचटीएमएल दस्तावेज़ की पहली पंक्ति में <!DOCTYPE html> लिखने का मुख्य उद्देश्य क्या है? (What is the main purpose of writing <!DOCTYPE html> on the first line of an HTML document?)
सही उत्तर : (C) ब्राउज़र को बताना कि पेज स्टैंडर्ड्स मोड में रेंडर करना है (To tell the browser to render the page in standards mode)
Explanation: DOCTYPE कोई HTML टैग नहीं, बल्कि एक घोषणा (declaration) है जो ब्राउज़र को दस्तावेज़ का प्रकार बताती है। इसके बिना ब्राउज़र Quirks Mode में चला जाता है, जिससे पेज अलग-अलग ब्राउज़रों में अलग दिख सकता है। HTML5 में इसका सरल रूप <!DOCTYPE html> है और यह केस-इनसेंसिटिव है। शीर्षक <title> से, CSS <link> से और चित्र <img> से जुड़ते हैं।
13. किसी फ़ॉर्म कंट्रोल के साथ <label> का सही उपयोग करने का प्रमुख लाभ क्या है? (What is a major benefit of correctly using <label> with a form control?)
सही उत्तर : (C) यह कंट्रोल की पहचान स्पष्ट करता है और लेबल क्लिक करने पर कंट्रोल सक्रिय होता है (It identifies the control and activates it when the label is clicked)
Explanation: <label> बताता है कि कोई फ़ॉर्म कंट्रोल किसलिए है। label के for एट्रिब्यूट का मान कंट्रोल के id के बराबर रखने पर लेबल क्लिक करते ही कंट्रोल में फोकस आ जाता है। उदाहरण: <label for="name">नाम</label><input id="name">। स्क्रीन रीडर भी इसे सही ढंग से पढ़ पाते हैं, जिससे पहुँच-योग्यता (Accessibility) बेहतर होती है। डेटा भेजना <form> का काम है और वैलिडेशन के लिए required, pattern जैसे एट्रिब्यूट होते हैं।
14. HTML5 वैलिडेशन के अनुसार <img> एलिमेंट के लिए कौन-से एट्रिब्यूट आवश्यक (required) हैं? (According to HTML5 validation, which attributes are required for the <img> element?)
सही उत्तर : (A) src और alt
Explanation: src (source) चित्र का पता देता है और alt (alternative text) चित्र का वैकल्पिक विवरण; ये दोनों वैध <img> के लिए आवश्यक हैं। उदाहरण: <img src="a.jpg" alt="पुस्तक का चित्र">। alt टेक्स्ट तब दिखता है जब चित्र लोड न हो, और स्क्रीन रीडर इसे पढ़कर सुनाता है। केवल सजावटी चित्र के लिए खाली alt (alt="") लिखा जा सकता है। width और height अनिवार्य नहीं, पर अनुशंसित हैं।
15. एचटीएमएल में टैग नामों के लिए कौन-सी लेखन शैली अनुशंसित है? (Which writing style is recommended for HTML tag names?)
सही उत्तर : (D) छोटे अक्षर (Lowercase)
Explanation: HTML5 में टैग नामों को lowercase में लिखने की अनुशंसा है, जैसे <p>, <div> और <img>। HTML केस-इनसेंसिटिव है, इसलिए ब्राउज़र <P> और <p> दोनों समझ लेते हैं, पर lowercase लिखना साफ़-सुथरा और मानक अभ्यास है। XHTML में lowercase लिखना अनिवार्य है, क्योंकि वह केस-सेंसिटिव है। टैग नामों में रिक्त स्थान नहीं लगाया जा सकता।
16. एक ही एचटीएमएल टैग में एक ही एट्रिब्यूट दो बार लिखने के बारे में कौन-सा कथन सही है? (Which statement is correct about writing the same attribute twice in one HTML tag?)
सही उत्तर : (B) यह एक त्रुटि है; ब्राउज़र सामान्यतः पहला मान लेता है और वैलिडेटर इसे गलत बताता है (It is an error; browsers generally keep the first value and the validator flags it)
Explanation: HTML स्पेसिफ़िकेशन के अनुसार किसी एलिमेंट में एक एट्रिब्यूट केवल एक बार लिखा जा सकता है। उदाहरण: <p class="a" class="b"> में ब्राउज़र पहला मान (a) रखता है और बाद वाले को अनदेखा कर देता है, जबकि HTML वैलिडेटर इसे त्रुटि के रूप में दिखाता है। इसलिए ऐसा नहीं करना चाहिए। दोनों मान एक साथ लागू नहीं होते और यह पेज को सुरक्षित भी नहीं बनाता।
17. किसी दस्तावेज़ में id का मान दोहराने से क्यों बचना चाहिए? (Why should duplicate id values be avoided in a document?)
सही उत्तर : (C) क्योंकि id पूरे दस्तावेज़ में अद्वितीय (unique) होना चाहिए (Because an id should be unique throughout the document)
Explanation: id का पूरा रूप identifier है। एक दस्तावेज़ में किसी id का मान केवल एक ही एलिमेंट के लिए होना चाहिए। CSS (#id), JavaScript (getElementById) और फ्रेगमेंट लिंक (#id) इसी अद्वितीयता पर निर्भर करते हैं। इसके विपरीत class कई एलिमेंट पर दोहराई जा सकती है। HTML5 में id खाली नहीं होना चाहिए और उसमें स्पेस नहीं होना चाहिए; सुरक्षित अभ्यास के लिए अक्षर से शुरू करें, क्योंकि अंक से शुरू होने वाला id CSS में समस्या देता है।
18. बूलियन एट्रिब्यूट (Boolean Attribute) के बारे में कौन-सा कथन सही है? (Which statement about boolean attributes is correct?)
सही उत्तर : (A) एट्रिब्यूट का केवल उपस्थित होना ही उसे सक्रिय कर देता है; disabled="false" लिखने पर भी एलिमेंट अक्षम रहता है (Its mere presence activates it; disabled="false" still disables the element)
Explanation: disabled, checked, required और readonly बूलियन एट्रिब्यूट हैं। इनका अर्थ केवल उपस्थिति से तय होता है; इन्हें हटाने पर ही ये निष्क्रिय होते हैं। उदाहरण: <input type="checkbox" checked>। इसलिए disabled="false" भ्रामक है, क्योंकि एट्रिब्यूट मौजूद है तो एलिमेंट अक्षम ही रहेगा। ये अधिकतर फ़ॉर्म एलिमेंट के साथ <body> में उपयोग होते हैं।
19. निम्नलिखित में से कौन-सा टैग HTML5 में अप्रचलित नहीं है? (Which of the following tags is not obsolete in HTML5?)
सही उत्तर : (D) <small>
Explanation: HTML5 में <small> वैध है और इसका उपयोग छोटे अक्षरों वाली टिप्पणी, कॉपीराइट या अस्वीकरण (side comments / fine print) के लिए होता है। <big>, <tt> और <center> प्रेज़ेंटेशन-आधारित टैग हैं, जो अप्रचलित हैं; इनकी जगह CSS (font-size, font-family: monospace, text-align) उपयोग होती है। याद रखें: <b>, <i>, <u> और <s> अलग अर्थ के साथ HTML5 में वैध हैं, जबकि <font>, <strike> और <frameset> अप्रचलित हैं।
20. एचटीएमएल दस्तावेज़ की वैधता (validity) जाँचने के लिए किस उपकरण का उपयोग किया जा सकता है? (Which tool can be used to check the validity of an HTML document?)
सही उत्तर : (B) W3C मार्कअप वैलिडेशन सर्विस (W3C Markup Validation Service)
Explanation: W3C (World Wide Web Consortium) का Markup Validation Service HTML कोड की जाँच करता है और बताता है कि वह मानकों के अनुसार है या नहीं। यह अप्रचलित टैग, गलत नेस्टिंग, दोहराए गए एट्रिब्यूट और गायब alt जैसी त्रुटियाँ पकड़ने में मदद करता है। ब्राउज़र कैश डेटा अस्थायी रूप से संग्रहीत करता है, सर्च इंजन टूल रैंकिंग देखते हैं और इमेज कम्प्रेसर चित्र का आकार घटाता है; इनमें से कोई HTML की वैधता नहीं जाँचता।