HTML Academy · पाठ

W3C Markup Validator

W3C Markup Validation Service से HTML त्रुटियाँ खोजें और ठीक करें

पाठ 1, कुल 4 में से14 चरण

W3C Markup Validator, CoddyKit पर HTML Academy का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह HTML Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। HTML Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

वैलिडेटर क्या जाँचता है

W3C Markup Validator (validator.w3.org) आधिकारिक विनिर्देश के अनुसार HTML को पार्स करता है और हर विनिर्देश उल्लंघन की रिपोर्ट करता है: बंद न किए गए टैग, अमान्य नेस्टिंग (किसी दूसरे के अंदर ), आवश्यक विशेषताओं का न होना (alt के बिना img), अपरिचित एलिमेंट और कई अन्य समस्याएँ।

मान्यता क्यों महत्वपूर्ण है

अमान्य HTML आज किसी भी ब्राउज़र में रेंडर हो सकता है, लेकिन हर ब्राउज़र अलग तरीके से सुधार करने के लिए स्वतंत्र है—Chrome में ठीक दिखने वाली चीज़ Firefox में टूट सकती है। मान्य HTML पूर्वानुमेय, एकसमान रेंडरिंग देता है और स्क्रीन रीडर, खोज क्रॉलर तथा ईमेल क्लाइंट में अप्रत्याशित व्यवहार से बचाता है।

सबमिट करने के तीन तरीके

URL से मान्य करें (पेज का URL चिपकाएँ), फ़ाइल अपलोड करके मान्य करें या सीधे इनपुट से मान्य करें (HTML चिपकाएँ)। उत्पादन पेजों के लिए URL सबसे अच्छा है; विकास के दौरान सीधा इनपुट उपयोगी होता है, जब फ़ाइल अभी कहीं लाइव न हो।

परिणाम पढ़ना

त्रुटियों में पंक्ति संख्या, समस्या पैदा करने वाले मार्कअप का अंश और उसका स्पष्टीकरण दिया जाता है। ऊपर से नीचे की ओर सुधार करें—कई त्रुटियाँ पहले की एक गलती के कारण उत्पन्न होती हैं। पहली कुछ त्रुटियाँ ठीक करने के बाद फिर से चलाएँ और देखें कि कितनी चेतावनियाँ वास्तव में बनी हुई हैं।

चेतावनियाँ बनाम त्रुटियाँ

त्रुटियाँ विनिर्देश का उल्लंघन होती हैं और रेंडरिंग तोड़ सकती हैं। चेतावनियाँ ऐसे संदिग्ध पैटर्न होते हैं जो तकनीकी रूप से मान्य हैं, लेकिन संभवतः अनपेक्षित हैं (टाइपो जैसे संदिग्ध विशेषता नाम, अभिगम्यता संकेत)। त्रुटियों को अनिवार्य रूप से ठीक करें और चेतावनियों की जाँच करना भी उचित समझें।

सामान्य त्रुटियाँ

चित्र टैग पर वैकल्पिक पाठ नहीं है। स्वयं-बंद होने वाला टैग बंद नहीं किया गया है ( , पुराने के बजाय; भी मान्य है)। पृष्ठ पर पहचान दोहराई गई है। input की पहचान से मेल खाने वाली संबद्ध विशेषता के बिना फ़ॉर्म लेबल। परस्पर गुंथे हुए इंटरैक्टिव तत्व (लिंक के भीतर बटन)। इन पाँच समस्याओं से सत्यापनकर्ता के अधिकांश परिणाम आते हैं।

टेम्पलेट का सत्यापन

यदि आपका HTML टेम्पलेट से बनाया जाता है, तो टेम्पलेट स्रोत के बजाय अंतिम परिणाम (रेंडर किया गया पृष्ठ) का सत्यापन कीजिए। {{ }} स्थानधारक मान्य HTML नहीं है — केवल इंजन द्वारा तैयार की गई सामग्री मायने रखती है। सीआई में परीक्षण बिल्ड से रेंडर किए गए पृष्ठों पर सत्यापनकर्ता चलाइए।

एचटीएमएल-सत्यापन CLI

सीआई एकीकरण के लिए एचटीएमएल-सत्यापन एनपीएम पैकेज का उपयोग कीजिए: npx html-validate "public/**/*.html" बिल्ड के हर पृष्ठ का सत्यापन करता है। नियमों को .htmlvalidate.json में कॉन्फ़िगर कीजिए। सत्यापन में प्रतिगमन होने पर बिल्ड विफल करने के लिए इसका उपयोग कीजिए।

स्टाइललिंट और स्रोत पर कोड-जाँच

लिखते समय की जाने वाली कोड-जाँच (CSS के लिए स्टाइललिंट, रिएक्ट के लिए ईएसलिंट-प्लगइन-जेएसएक्स-ए11y) कई समस्याओं को सत्यापनकर्ता तक पहुँचने से पहले पकड़ लेती है। इसे सीआई में शुरू से अंत तक होने वाले सत्यापन के साथ मिलाइए — अधिकांश समस्याएँ जल्दी पकड़िए और शेष को जारी करने से पहले पकड़िए।

सत्यापन क्या NOT पकड़ता है

सत्यापन मार्कअप की शुद्धता जाँचता है, अर्थ-संरचना की नहीं। ऐसा पृष्ठ जिसमें हर शीर्षक <h6> हो, मान्य HTML है, लेकिन उसकी अर्थ-संरचना खराब है। लाइटहाउस की अभिगम्यता जाँच और मानवीय समीक्षा उन अर्थ-संबंधी समस्याओं को पकड़ती हैं जिन्हें सत्यापनकर्ता नहीं पकड़ता।

क्विर्क्स मोड चेतावनी

<!doctype html> न होने पर क्विर्क्स मोड सक्रिय हो जाता है — ब्राउज़र पुरानी अनुकूलता परत का उपयोग करते हैं, जिससे आधुनिक CSS टूट जाती है। सत्यापनकर्ता सबसे पहली त्रुटि के रूप में doctype की अनुपस्थिति बताता है; doctype घोषणा के बिना कोई पृष्ठ कभी जारी न कीजिए।

निरंतर सत्यापन

GitHub ऐक्शंस के माध्यम से हर PR पर सत्यापन चलाइए: एचटीएमएल-सत्यापन स्थापित कीजिए, इसे बिल्ड की गई साइट पर चलाइए और त्रुटियाँ मौजूद होने पर PR विफल कीजिए। नई त्रुटियाँ महीनों तक जमा होकर बाद में ठीक करना बहुत कठिन बनने के बजाय समीक्षा के समय ही पकड़ ली जाती हैं।

ज्ञान-जाँच

गुम <!doctype html> घोषणा W3C सत्यापनकर्ता के लिए इतनी महत्वपूर्ण क्यों है?

इंटरैक्टिव पाठ में इसका उत्तर दें

सारांश

W3C मार्कअप सत्यापनकर्ता विनिर्देश के आधार पर HTML को पार्स करता है और अमान्य मार्कअप की सूचना देता है। कभी-कभार की जाँच के लिए इसका वेब इंटरफ़ेस और निरंतर कवरेज के लिए सीआई में एचटीएमएल-सत्यापन CLI का उपयोग कीजिए। आम समस्याएँ हैं: वैकल्पिक पाठ का न होना, दोहराई गई पहचानें, doctype का न होना और परस्पर गुंथे हुए इंटरैक्टिव तत्व। सत्यापन मार्कअप की त्रुटियाँ पकड़ता है; अर्थ-संरचना और अभिगम्यता की गुणवत्ता के लिए इसे लाइटहाउस और मानवीय समीक्षा के साथ मिलाइए।

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 40
पाठ: 159

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “W3C Markup Validator” पाठ निःशुल्क है?

हाँ — HTML Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “W3C Markup Validator” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। HTML Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“W3C Markup Validator” में मैं क्या सीखूँगा?

W3C Markup Validation Service से HTML त्रुटियाँ खोजें और ठीक करें आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ HTML Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या HTML Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर HTML Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।

“W3C Markup Validator” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस HTML Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर HTML Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← HTML Academy पर वापस जाएँ