पाठ 30 / 30
आम शुरुआती गलतियाँ
बिना बंद tags, div के अत्यधिक उपयोग और अमान्य element nesting जैसी आम beginner गलतियों से बचें।
खुले टैग और div सूप
क्लोज़िंग टैग भूल जाने से लेआउट चुपचाप टूट सकता है। सिमेंटिक टैग के बजाय सब कुछ <div> में लपेटने से बिना किसी विज़ुअल फ़ायदे के अर्थ खो जाता है।
अमान्य नेस्टिंग
<div> जैसा ब्लॉक एलिमेंट कुछ संदर्भों में <span> या <a> जैसे इनलाइन एलिमेंट के अंदर वैध रूप से नहीं रह सकता — अगर बिना वजह लेआउट टूटा दिखे तो स्पेक जाँचें।
त्वरित जाँच: कौन-सी एक आम शुरुआती HTML गलती है?
- <nav> जैसे सिमेंटिक टैग उपयोग करना
- इमेज में alt टेक्स्ट जोड़ना
- हर एलिमेंट को सामान्य <div> टैग में लपेटना
- वैध, बंद tags लिखना
Answer
हर एलिमेंट को सामान्य <div> टैग में लपेटना — सिमेंटिक एलिमेंट के बजाय सामान्य <div> टैग का अत्यधिक उपयोग एक आम शुरुआती आदत है जो एक्सेसिबिलिटी और SEO को नुकसान पहुँचाती है।
अंतिम क्विज़ 1/8
अंतिम क्विज़
त्वरित जाँच: कौन-सा element दिखने वाला page content रखता है?
- <head>
- <meta>
- <body>
- <title>
Answer
<body> — Body में वह सब है जो users देखते हैं।
अंतिम क्विज़ 2/8
अंतिम क्विज़
त्वरित जाँच: कौन-सा tag semantic emphasis देता है?
- <b>
- <i>
- <font>
- <strong>
Answer
<strong> — strong assistive technology को महत्व का संकेत देता है।
अंतिम क्विज़ 3/8
अंतिम क्विज़
त्वरित जाँच: Decorative image का alt क्या होना चाहिए?
- alt=""
- A long description
- Omitted
- The file name
Answer
alt="" — खाली alt screen readers को उसे छोड़ने को कहता है।
अंतिम क्विज़ 4/8
अंतिम क्विज़
त्वरित जाँच: कौन-सा attribute label को input से जोड़ता है?
- name
- for (matching the input id)
- class
- href
Answer
for (matching the input id) — label for input के id से मेल खाता है।
अंतिम क्विज़ 5/8
अंतिम क्विज़
त्वरित जाँच: Form data को server पर दोबारा validate क्यों करें?
- HTML validation is slow
- Servers ignore HTML
- Browser validation can be bypassed
- It is required by the spec
Answer
Browser validation can be bypassed — केवल client-side checks पर भरोसा न करें।
अंतिम क्विज़ 6/8
अंतिम क्विज़
त्वरित जाँच: कौन-सा tag mobile browsers को असली screen width उपयोग करवाता है?
- meta charset
- link rel icon
- base
- meta viewport
Answer
meta viewport — width=device-width, initial-scale=1 responsive layouts चालू करता है।
अंतिम क्विज़ 7/8
अंतिम क्विज़
त्वरित जाँच: <template> के content के बारे में क्या सही है?
- It is inert until JavaScript clones it
- It renders immediately
- It is invalid HTML
- It runs scripts first
Answer
It is inert until JavaScript clones it — Templates parse होते हैं पर render नहीं होते।
अंतिम क्विज़ 8/8
अंतिम क्विज़
त्वरित जाँच: HTML में अच्छा SEO बुनियादी तत्व कौन-सा है?
- Many h1 tags
- A unique title and one clear h1
- Empty alt on all images
- Duplicate titles
Answer
A unique title and one clear h1 — अनोखे titles और तार्किक heading structure search engines की मदद करते हैं।