HTML5 | अनक्लोज्ड टैग चेकर टूल
ध्यान दें: जब कुछ टैग ठीक से बंद नहीं होते हैं, तो इससे स्नोबॉल प्रभाव हो सकता है, जहां यह पता चलता है कि कई टैग बंद नहीं हुए हैं, ज्यादातर समय, अपराधी त्रुटि सूची के निचले आधे हिस्से में, मध्य में या बाद में स्थित होता है। त्रुटि सूची में अंतिम तत्व, और बंद किए गए टैग को ठीक करने से पूरा दस्तावेज़ जांच में पास हो जाएगा (यह मानते हुए कि प्रदान किया गया इनपुट एक वैध HTML5 कोड है)। यदि कोड लंबा है, तो कभी-कभी इसे छोटे हिस्सों में विभाजित करने में मदद मिल सकती है, ताकि बंद न होने वाले टैग को छोटा किया जा सके।
हमारे अत्याधुनिक टूल के साथ अपने HTML कोडिंग को सुव्यवस्थित करें जो आसानी से खुले टैग का पता लगाता है, यह सुनिश्चित करता है कि आपका कोड त्रुटि मुक्त रहे और आपके वेब पेज पूरी तरह से प्रदर्शित हों। यह पता लगाने के लिए कि क्या कोई खुला HTML5 टैग है, उपरोक्त क्षेत्र में अपना कोड चिपकाएँ।
HTML5 हाइपरटेक्स्ट मार्कअप लैंग्वेज का नवीनतम मानक है, जो आधुनिक वेब सामग्री के निर्माण के लिए उन्नत सुविधाएँ और क्षमताएं प्रदान करता है।
उचित रूप से बंद टैग के साथ त्रुटि मुक्त HTML कोड बनाए रखना मजबूत SEO प्रदर्शन, वेबसाइट की पहुंच बढ़ाने और निर्बाध उपयोगकर्ता अनुभव सुनिश्चित करने के लिए महत्वपूर्ण है।
एचटीएमएल टैग
HTML में छवियों ('<img>') जैसे संक्षिप्त तत्वों के लिए स्व-बंद टैग और सामग्री को संलग्न करने वाले नियमित टैग, जैसे पैराग्राफ ('<p>') दोनों शामिल हैं, जो संरचना के बहुमुखी तरीके प्रदान करते हैं। वेब सामग्री।
स्व-बंद टैग
- '<area />': छवि मानचित्र के भीतर क्लिक करने योग्य क्षेत्र को परिभाषित करता है।
- '<base />': दस्तावेज़ में संबंधित यूआरएल के लिए आधार यूआरएल निर्दिष्ट करता है।
- '<br />': पाठ या सामग्री के भीतर एक पंक्ति विराम सम्मिलित करता है।
- '<circle />': एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) के भीतर एक सर्कल पथ को परिभाषित करता है।
- '<col />': HTML तालिकाओं के लिए कॉलम गुण निर्दिष्ट करता है।
- '<embed />': मल्टीमीडिया या प्लगइन्स जैसी बाहरी सामग्री को एम्बेड करता है।
- '<hr />': एक विषयगत विराम या क्षैतिज रेखा बनाता है।
- '<img />': दस्तावेज़ में एक छवि एम्बेड करता है।
- '<input />': उपयोगकर्ता इनपुट तत्व को परिभाषित करता है।
- '<link />': स्टाइलशीट या आइकन जैसे बाहरी संसाधनों को लिंक करता है।
- '<meta />': दस्तावेज़ के बारे में मेटाडेटा प्रदान करता है।
- '<param />': ऑब्जेक्ट तत्वों के भीतर प्लगइन्स के लिए पैरामीटर निर्दिष्ट करता है।
- '<path />': एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) के भीतर एक वेक्टर पथ को परिभाषित करता है।
- '<source />': मल्टीमीडिया तत्वों के लिए एकाधिक मीडिया संसाधन निर्दिष्ट करता है।
- '<track />': '<video>' या '<audio>' जैसे मीडिया तत्वों के लिए टेक्स्ट ट्रैक प्रदान करता है।
- '<wbr />': पाठ के भीतर शब्द विराम अवसर को परिभाषित करता है।
- '<command />': मेनू के भीतर एक कमांड बटन को परिभाषित करता है।
- '<keygen />': क्रिप्टोग्राफी में प्रयुक्त प्रपत्रों के लिए कुंजी-जोड़ी उत्पन्न करता है।
- '<menuitem />': '<menu>' के भीतर एक आइटम को परिभाषित करता है।
- '<frame />': एक सबविंडो को परिभाषित करता है (HTML5 में अप्रचलित)।
नियमित टैग
- '<p>': एक अनुच्छेद को परिभाषित करता है.
- '<h1> to <h6>': विभिन्न स्तरों के शीर्षक.
- '<strong>': मजबूत महत्व का प्रतिनिधित्व करता है.
- '<em>': ज़ोरदार पाठ का प्रतिनिधित्व करता है।
- '<mark>': संदर्भ के लिए टेक्स्ट को हाइलाइट करें।
- '<abbr>': एक संक्षिप्तीकरण को परिभाषित करता है.
- '<blockquote>': एक ब्लॉक कोटेशन का प्रतिनिधित्व करता है।
- '<ul>': एक अव्यवस्थित सूची को परिभाषित करता है।
- '<ol>': एक आदेशित सूची को परिभाषित करता है।
- '<li>': एक सूची आइटम का प्रतिनिधित्व करता है।
- '<dl>': विवरण सूची को परिभाषित करता है।
- '<dt>': विवरण सूची में एक शब्द का प्रतिनिधित्व करता है।
- '<dd>': विवरण सूची में विवरण का प्रतिनिधित्व करता है।
- '<a>': हाइपरलिंक को परिभाषित करता है.
- '<nav>': नेविगेशन लिंक का प्रतिनिधित्व करता है।
- '<audio>': ऑडियो सामग्री एम्बेड करता है.
- '<video>': वीडियो सामग्री एम्बेड करता है.
- '<form>': एक HTML फॉर्म को परिभाषित करता है।
- '<textarea>': एक मल्टी-लाइन टेक्स्ट इनपुट बनाता है।
- '<select>': एक ड्रॉपडाउन सूची बनाता है.
- '<button>': एक क्लिक करने योग्य बटन को परिभाषित करता है।
- '<table>': एक HTML तालिका को परिभाषित करता है।
- '<thead>': किसी तालिका के शीर्षलेख को परिभाषित करता है।
- '<tbody>': किसी तालिका की मुख्य सामग्री को परिभाषित करता है।
- '<tr>': एक तालिका पंक्ति को परिभाषित करता है।
- '<th>': एक टेबल हेडर सेल को परिभाषित करता है।
- '<td>': एक टेबल डेटा सेल को परिभाषित करता है।
- '<caption>': तालिका के लिए एक कैप्शन प्रदान करता है।
- '<div>': एक सामान्य कंटेनर को परिभाषित करता है।
- '<span>': इनलाइन-स्टाइल टेक्स्ट को परिभाषित करता है।
- '<header>': किसी दस्तावेज़ या अनुभाग शीर्षलेख का प्रतिनिधित्व करता है।
- '<footer>': किसी दस्तावेज़ या अनुभाग पाद लेख का प्रतिनिधित्व करता है।
- '<section>': सामग्री के विषयगत समूहन का प्रतिनिधित्व करता है।
- '<article>': सामग्री के एक स्टैंडअलोन टुकड़े का प्रतिनिधित्व करता है।
- '<aside>': आस-पास की सामग्री से स्पर्शरेखा रूप से संबंधित सामग्री का प्रतिनिधित्व करता है।
- '<button>': एक क्लिक करने योग्य बटन को परिभाषित करता है।
- '<details>': एक प्रकटीकरण विजेट का प्रतिनिधित्व करता है।
- '<summary>': '<details>' तत्व के लिए सारांश प्रदान करता है।
- '<object>': बाहरी सामग्री या संसाधनों को एम्बेड करता है।
- '<iframe>': एक नेस्टेड ब्राउज़िंग संदर्भ एम्बेड करता है।
- '<canvas>': स्क्रिप्टिंग के माध्यम से ग्राफिक्स एम्बेड करता है।
- '<svg>': स्केलेबल वेक्टर ग्राफिक्स एम्बेड करता है।
- '<math>': गणितीय समीकरण एम्बेड करता है।
- '<time>': एक विशिष्ट समय या सीमा का प्रतिनिधित्व करता है।
- '<address>': संपर्क जानकारी का प्रतिनिधित्व करता है.
- '<code>': कंप्यूटर कोड टेक्स्ट का प्रतिनिधित्व करता है।
- '<pre>': पूर्व स्वरूपित पाठ का प्रतिनिधित्व करता है।
- '<fieldset>': समूह संबंधित प्रपत्र तत्व।
- '<legend>': '<fieldset>' के लिए एक कैप्शन प्रदान करता है।
- '<ruby>': पूर्वी एशियाई टाइपोग्राफी के लिए एनोटेशन का प्रतिनिधित्व करता है।
- '<rt>': '<ruby>' तत्व में वर्णों के उच्चारण का प्रतिनिधित्व करता है।
ध्यान दें कि उपरोक्त सूचियों में केवल कुछ सामान्य स्व-समापन और गैर-स्व-समापन (नियमित) HTML टैग शामिल हैं, लेकिन विभिन्न उद्देश्यों के लिए HTML5 में कई और टैग उपलब्ध हैं।
शब्दकोष
- अनक्लोज़्ड टैग्स के लिए HTML कोड सत्यापित करें: वह बटन जो जाँच प्रक्रिया चलाता है।
- पंक्ति: पंक्ति संख्या(संख्याओं) से पहले का पाठ, जहां टैग(ओं) का पता लगाया गया था जिनके समापन समकक्ष नहीं हैं।
- कोई बंद नहीं किए गए टैग का पता नहीं चला।: सभी HTML टैग सही ढंग से बंद होने पर संदेश।
- अपना HTML कोड यहां चिपकाएं...: वह क्षेत्र जहां HTML कोड जाता है, खुले/गायब टैग की जांच के लिए।
- निम्नलिखित टैग बंद नहीं लगता है: यदि कोड में एक टैग बंद है।
- निम्नलिखित टैग बंद नहीं लगते: यदि कोड में दो या अधिक बंद टैग हैं।
निष्कर्ष
वेब विकास में HTML टैग्स को ठीक से बंद करना अत्यंत महत्वपूर्ण है। प्रत्येक टैग ब्राउज़रों के लिए सामग्री की सटीक व्याख्या और प्रस्तुत करने के लिए एक महत्वपूर्ण निर्देश के रूप में कार्य करता है। टैग बंद करने की उपेक्षा करने से अनपेक्षित लेआउट समस्याएं, सामग्री की गलत व्याख्या और विभिन्न उपकरणों और ब्राउज़रों में असंगत उपयोगकर्ता अनुभव हो सकते हैं। विवरण पर यह सावधानीपूर्वक ध्यान न केवल एक सहज और दृश्यमान सुखदायक उपयोगकर्ता इंटरफ़ेस सुनिश्चित करता है बल्कि पहुंच और खोज इंजन अनुकूलन का भी समर्थन करता है। HTML टैग्स को बंद करने के सर्वोत्तम अभ्यास का पालन करके, डेवलपर्स अपने कोड की अखंडता की रक्षा करते हैं, विश्वसनीय, सुलभ और उपयोगकर्ता के अनुकूल वेबसाइटों को बढ़ावा देते हैं जो लगातार दृश्य प्रस्तुति को बनाए रखते हुए प्रभावी ढंग से जानकारी देते हैं।