HTML संरचना वैलिडेटर

HTML की संरचना जाँचें: बंद न हुए, बेमेल या फालतू टैग, दोहराए id और एट्रिब्यूट, बिना alt की इमेज, और गायब doctype, title या lang। ब्राउज़र में लोकली।

केवल संरचना जाँचता है: बंद न किए गए, बेमेल या फालतू टैग, दोहराए गए id और एट्रिब्यूट, alt टेक्स्ट की कमी, doctype/title/lang। यह W3C वैलिडेटर नहीं है।

पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।

संबंधित टूल्स

सभी देखें

HTML वैलिडेटर क्या है?

यह HTML चेकर वे संरचनात्मक गलतियाँ खोजता है जो अक्सर लेआउट बिगाड़ती हैं: कभी बंद न होने वाले एलिमेंट, गलत क्रम में क्लोज़िंग टैग, बिना शुरुआती टैग वाले एंड टैग, दोहराए id और एट्रिब्यूट, alt के बिना <img>, और पूरे दस्तावेज़ों में गायब doctype, <title> या lang। यह एक तेज़ लोकल जाँच है, आधिकारिक W3C (Nu) वैलिडेटर नहीं, और यह नहीं जाँचता कि कौन-सा एलिमेंट कहाँ मान्य है।

HTML वैलिडेटर का उपयोग कैसे करें

  1. HTML दस्तावेज़ या टुकड़ा पेस्ट करें।
  2. सत्यापित करें पर क्लिक करें (टाइप करते समय नतीजे अपडेट होते हैं)।
  3. त्रुटियों और चेतावनियों का सार पढ़ें।
  4. अपना मार्कअप ठीक करने के लिए हर आइटम की पंक्ति और कॉलम का उपयोग करें।

उदाहरण

इनपुट
<div id="a">
<span>text</div>
<p id="a">x
<img src="a.png">
</br>
आउटपुट
Errors: 3 · Warnings: 1
Line 2, column 1 <span> is not closed before </div>
Line 3, column 4 Duplicate id "a" (first used on line 1)
Line 4, column 1 <img> has no alt attribute
Line 5, column 1 <br> is a void element and must not have a closing tag

HTML वैलिडेटर का उपयोग कब करें

लेआउट बिगाड़ने वाला टैग जल्दी खोजने, टेम्पलेट और ईमेल HTML जाँचने, या JavaScript या लेबल बिगाड़ने से पहले दोहराए id पकड़ने के लिए इसका उपयोग करें। पूरी अनुरूपता जाँच (कंटेंट मॉडल, ARIA, एट्रिब्यूट मान) के लिए W3C वैलिडेटर का उपयोग करें।

HTML वैलिडेटर कैसे काम करता है

एक टोकनाइज़र टैग, एट्रिब्यूट, टिप्पणियाँ और रॉ-टेक्स्ट एलिमेंट (script, style, textarea, title) पढ़ता है और स्थितियाँ ट्रैक करता है। खुले एलिमेंटों का स्टैक void एलिमेंट (br, img, input…) और वैकल्पिक एंड टैग के HTML नियमों का पालन करता है: </p>, </li>, </td> जैसे टैग छोड़े जा सकते हैं, और नया <li> या ब्लॉक एलिमेंट पिछले को अपने आप बंद कर देता है, इसलिए मान्य HTML5 शॉर्टकट रिपोर्ट नहीं होते। SVG और MathML सामग्री में सेल्फ़-क्लोज़िंग टैग की अनुमति है। जब पैरेंट बंद हो जाए या इनपुट खत्म हो और कोई अन्य एलिमेंट फिर भी खुला हो तो वह त्रुटि है।

सामान्य उपयोग मामले

  • पेज का लेआउट बिगाड़ने वाला बंद न हुआ div खोजना
  • CMS या ईमेल टेम्पलेट का आउटपुट जाँचना
  • लेबल/aria संदर्भ तोड़ने वाले दोहराए id पकड़ना
  • बिना alt टेक्स्ट वाली इमेज की बुनियादी एक्सेसिबिलिटी जाँच

सुरक्षा नोट

सब कुछ आपके ब्राउज़र में ही चलता है; आप जो कोड पेस्ट करते हैं वह कहीं अपलोड नहीं होता।

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

क्या यह W3C वैलिडेटर है?

नहीं। यह लोकली बनावट और कुछ आम समस्याएँ जाँचता है। यह नहीं देखता कि कौन-से एलिमेंट किनके भीतर मान्य हैं या एट्रिब्यूट मान क्या हैं।

छूटा हुआ </p> या </li> रिपोर्ट क्यों नहीं होता?

HTML में वे एंड टैग छोड़ने की अनुमति है; ब्राउज़र उन्हें अपने आप बंद कर देते हैं।

क्या यह SVG संभालता है?

हाँ, <svg> और <math> के भीतर <path/> जैसे सेल्फ़-क्लोज़िंग टैग स्वीकार होते हैं।

क्या मेरा HTML कहीं भेजा जाता है?

नहीं, जाँच पूरी तरह आपके ब्राउज़र में चलती है।

और श्रेणियाँ देखें