# आम शुरुआती गलतियाँ — HTML Fundamentals: Structure, Forms और Accessibility

Source: https://www.skillbyai.com/hi/html/html-common-mistakes

> बिना बंद tags, div के अत्यधिक उपयोग और अमान्य element nesting जैसी आम beginner गलतियों से बचें।

## खुले टैग और div सूप

क्लोज़िंग टैग भूल जाने से लेआउट चुपचाप टूट सकता है। सिमेंटिक टैग के बजाय सब कुछ `<div>` में लपेटने से बिना किसी विज़ुअल फ़ायदे के अर्थ खो जाता है।

## अमान्य नेस्टिंग

`<div>` जैसा ब्लॉक एलिमेंट कुछ संदर्भों में `<span>` या `<a>` जैसे इनलाइन एलिमेंट के अंदर वैध रूप से नहीं रह सकता — अगर बिना वजह लेआउट टूटा दिखे तो स्पेक जाँचें।

**Quiz:** कौन-सी एक आम शुरुआती HTML गलती है?

- [ ] <nav> जैसे सिमेंटिक टैग उपयोग करना
- [ ] इमेज में alt टेक्स्ट जोड़ना
- [x] हर एलिमेंट को सामान्य <div> टैग में लपेटना
- [ ] वैध, बंद tags लिखना

*Answer:* हर एलिमेंट को सामान्य <div> टैग में लपेटना. सिमेंटिक एलिमेंट के बजाय सामान्य <div> टैग का अत्यधिक उपयोग एक आम शुरुआती आदत है जो एक्सेसिबिलिटी और SEO को नुकसान पहुँचाती है।

## अंतिम क्विज़ 1/8

अंतिम क्विज़

**Quiz:** कौन-सा element दिखने वाला page content रखता है?

- [ ] <head>
- [ ] <meta>
- [x] <body>
- [ ] <title>

*Answer:* <body>. Body में वह सब है जो users देखते हैं।

## अंतिम क्विज़ 2/8

अंतिम क्विज़

**Quiz:** कौन-सा tag semantic emphasis देता है?

- [ ] <b>
- [ ] <i>
- [ ] <font>
- [x] <strong>

*Answer:* <strong>. strong assistive technology को महत्व का संकेत देता है।

## अंतिम क्विज़ 3/8

अंतिम क्विज़

**Quiz:** Decorative image का alt क्या होना चाहिए?

- [x] alt=""
- [ ] A long description
- [ ] Omitted
- [ ] The file name

*Answer:* alt="". खाली alt screen readers को उसे छोड़ने को कहता है।

## अंतिम क्विज़ 4/8

अंतिम क्विज़

**Quiz:** कौन-सा attribute label को input से जोड़ता है?

- [ ] name
- [x] for (matching the input id)
- [ ] class
- [ ] href

*Answer:* for (matching the input id). label for input के id से मेल खाता है।

## अंतिम क्विज़ 5/8

अंतिम क्विज़

**Quiz:** Form data को server पर दोबारा validate क्यों करें?

- [ ] HTML validation is slow
- [ ] Servers ignore HTML
- [x] Browser validation can be bypassed
- [ ] It is required by the spec

*Answer:* Browser validation can be bypassed. केवल client-side checks पर भरोसा न करें।

## अंतिम क्विज़ 6/8

अंतिम क्विज़

**Quiz:** कौन-सा tag mobile browsers को असली screen width उपयोग करवाता है?

- [ ] meta charset
- [ ] link rel icon
- [ ] base
- [x] meta viewport

*Answer:* meta viewport. width=device-width, initial-scale=1 responsive layouts चालू करता है।

## अंतिम क्विज़ 7/8

अंतिम क्विज़

**Quiz:** <template> के content के बारे में क्या सही है?

- [x] 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

अंतिम क्विज़

**Quiz:** HTML में अच्छा SEO बुनियादी तत्व कौन-सा है?

- [ ] Many h1 tags
- [x] 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 की मदद करते हैं।
