क्या आप ब्लॉगिंग में HTML कोडिंग की ये गलतियाँ करते हैं?

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

स्वच्छ कोड वास्तव में महत्वपूर्ण है क्योंकि यह न केवल आपको एक कुशल वेब डेवलपर बनाता है, बल्कि आपका समय भी बचाता है क्योंकि आपको बाद में कोड संपादित करने की आवश्यकता नहीं होती है।

यदि आपके वेबपेज में साफ कोड है, जिसका अर्थ है कि आपका HTML कोड वर्ल्ड वाइड वेब कंसोर्टियम द्वारा इंगित कॉन्फ़िगरेशन रखता है, इंटरनेट आधारित वेबसाइटों द्वारा पालन किए जाने वाले मानक को बनाए रखता है, तो यह बदले में Google में आपकी साइट की रैंकिंग बढ़ाने में भी मदद करेगा।

यदि आप शुरू से ही सावधान रहें और पोस्ट करने से पहले अपने काम की समीक्षा करें तो यह हमेशा मदद करता है।

क्या आप ब्लॉगिंग में HTML कोडिंग की ये गलतियाँ करते हैं?

यहाँ एक है सबसे आम HTML कोडिंग गलतियों की सूची जो हम अक्सर करते हैं और सामना करते हैं।

1) DOCTYPE का गुम या अनुपयुक्त होना

DOCTYPE या दस्तावेज़ प्रकार परिभाषा (DTD) आपके वेब ब्राउज़र को यह पहचानने देता है कि आपका वेबपेज HTML के किस संस्करण का उपयोग कर रहा है। HTML कोड हमेशा DOCTYPE से शुरू होना चाहिए क्योंकि यह एक विशेष HTML संस्करण के लिए नियम बताता है।

आपको DOCTYPE टाइप करते समय सावधान रहना चाहिए, क्योंकि यह केस सेंसिटिव है और यह अलग-अलग DOCTYPE HTML के अलग-अलग संस्करण को संदर्भित करता है। इस वीडियो को देखें: मैं यह कैसे सुनिश्चित करूँ कि मेरे HTML कोड में गलतियाँ न हों?

 

2) ग़लत फ़ॉर्मेट किया गया HTML

HTML कोड लिखते समय सबसे आम त्रुटि इसे गलत तरीके से फ़ॉर्मेट करना है, जैसे समापन टैग गायब होना, विशेषता मानों के लिए उद्धरण चिह्न छोड़ना और टैग की अनुचित नेस्टिंग।

आमतौर पर अधिकांश एचटीएमएल टैग उदाहरण के लिए ओपनिंग और क्लोजिंग दोनों टैग हैं। यदि कोई टैग किसी सामग्री को घेरता है, तो उसे बंद कर देना चाहिए, हालांकि कुछ अपवाद भी हैं, जैसे टैग, लेकिन उस टैग को हमेशा बंद करने की सलाह दी जाती है क्योंकि इससे आपका संपादन करना मुश्किल हो जाएगा HTML दस्तावेज़ आसान.

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

3) असमर्थित विशेषताएँ या टैग

कभी-कभी लोग जैसे कोड का उपयोग करते हैं या जो इसका हिस्सा नहीं हैं HTML मानक. फिर, कई लोग ऐसी विशेषताओं का उपयोग करते हैं जो अनुचित हैं, जैसे टैग जो मार्जिन के आकार को बदल देता है , उदाहरण के लिए . HTML के विभिन्न संस्करण विभिन्न प्रकार की विशेषताओं और टैग का समर्थन करते हैं।

यदि आप यह सुनिश्चित करना चाहते हैं कि आपके द्वारा उपयोग किए जा रहे संस्करण के लिए कौन सी विशेषताएँ संगत हैं, तो आपको अपने HTML को सत्यापित करना चाहिए HTML Validator.

4) कैरेक्टर एनकोडिंग को नजरअंदाज करना

प्रत्येक कैरेक्टर सेट के लिए एक विशेष कोड होता है और कोड वेब ब्राउज़र को बताता है कि वेब पेज में कौन सा कैरेक्टर सेट उपयोग किया जा रहा है। इस प्रकार, अंग्रेजी वर्णों से युक्त एक वेब पेज में चीनी या फ्रेंच वर्णों के सेट की तुलना में एक अलग वर्ण सेट होगा।

परिणामस्वरूप, कैरेक्टर एन्कोडिंग वेब ब्राउज़र को सुझाव देगी कि किस प्रकार की जानकारी को पढ़ना और प्रदर्शित करना है। अधिकांश अंग्रेजी वेब पेजों के मामले में, कैरेक्टर एन्कोडिंग विंडोज़-1252और आईएसओ-8859-1अंग्रेजी वर्ण को दर्शाता है।

5) एकाधिक लाइन ब्रेक का उपयोग करना

लाइन ब्रेकिंग टैग का उपयोग करना अनुचित है पंक्तियों के बीच गैप डालने के लिए, क्योंकि इसका उपयोग सख्ती से केवल एक लाइन ब्रेक जोड़ने के लिए किया जाना चाहिए, न कि तत्वों के बीच पैराग्राफ और स्पेस बनाने के लिए। लाइन ब्रेक का उपयोग करने का सही तरीका है: ये एक लाइन है ये एक अलग लाइन है इसके बजाय: यह एक पंक्ति है ये एक अलग लाइन है.

6) अनुपयुक्त तालिकाओं का उपयोग करना

तालिकाएँ अक्सर गलत HTML कोडिंग का कारण बनती हैं और चूंकि तालिकाओं को अनुचित तरीके से एन्कोड किया गया है तो अधिकांश ब्राउज़र त्रुटि संदेश नहीं दिखाते हैं, इसलिए ऐसा करना काफी आसान है। हालाँकि, सहायक प्रौद्योगिकियाँ सही तालिका संरचना के बारे में वास्तव में सख्त हैं। निम्नलिखित सबसे आम तालिका गलतियाँ हैं जो हम अक्सर करते हैं:

  • को ख़त्म न करें , या टैग करना या उन्हें गलत तरीके से समाप्त करना
  • पाठ स्वरूपण के लिए उपयोग किए गए टैग के साथ पंक्तियों या तालिका कक्षों को संलग्न करना।
  • प्रत्येक पंक्तियों में, विभिन्न संख्या में कोशिकाओं वाली तालिकाएँ बनाना।
  • इनलाइन तत्वों के भीतर तालिकाएँ बनाना, जैसे - या

7) अनुचित रूप से स्वरूपित यूआरएल

कभी-कभी ऐसा होता है कि आप जुड़े हुए शब्दों और/या छवियों को देख सकते हैं लेकिन अन्य नहीं देख सकते। आपको यह सुनिश्चित करना होगा कि यूआरएल में कोई नहीं है DOS प्रकार का पथनाम, जैसे C:\image, अन्यथा जो भी लिंक का अनुसरण करेगा उसे दस्तावेज़ नहीं मिला त्रुटि 404 मिलेगी। फिर, फॉरवर्ड स्लैश (/) का उपयोग करना हमेशा आवश्यक होता है, न कि बैक स्लैश (\) का, भले ही कुछ सर्वर सॉफ़्टवेयर दोनों को स्वीकार करते हों, यह बेहतर है मानक बनाए रखें. लिंक के मामले में, एक्सटेंशन एक समस्या हो सकती है। परीक्षण करते समय mywebpage.htm नाम की फ़ाइल पूरी तरह से काम कर सकती है लेकिन सर्वर को क्या चाहिए- mywebpage.html।

8) नज़रअंदाज़ करना

किसी भी जावास्क्रिप्ट के लिए यह महत्वपूर्ण है जो डेटा आउटपुट करता है या कोई फ़ंक्शन निष्पादित करता है टैग, जो जावास्क्रिप्ट क्या करता है उसका एक विकल्प या विवरण प्रदान करता है।

9) बोल्डिंग और के लिए उपयोग करना

शब्दार्थ की दृष्टि से इसका प्रयोग गलत है टेक्स्ट को क्रमशः इटैलिकाइज़ और बोल्ड करने के लिए। इस उद्देश्य के लिए फ़ॉन्ट-शैली और फ़ॉन्ट-वेट के लिए सीएसएस गुणों का उपयोग करना उचित है और यदि आपको दस्तावेज़ में शैलियों का उपयोग करना है, तो इसका उपयोग करना बेहतर है और टेक्स्ट को इटैलिक और बोल्ड बनाना बेहतर है।

10) छवि टैग के मामले में वैकल्पिक विशेषताएँ गायब हैं

छवि टैग में वैकल्पिक विशेषताएँ होना आवश्यक है, क्योंकि यह छवि के संदर्भ को स्पष्ट करता है। यदि आप ऑल्ट विशेषता का उपयोग करते हैं, तो वेब क्रॉलर सामग्री को बेहतर ढंग से वर्गीकृत करेंगे और इससे उपयोगकर्ताओं को यह तय करने में भी सुविधा होगी कि छवि महत्वपूर्ण है या नहीं।

यह सूची संभवतः हमेशा के लिए जारी रह सकती है लेकिन ये सभी बिंदु आपको यह एहसास कराने के लिए पर्याप्त हैं कि HTML कोड का उपयोग करते समय आपको किन बातों का ध्यान रखना चाहिए।

आपके द्वारा की जा रही HTML कोडिंग त्रुटियों से परिचित होने के लिए आपको अपने पेज को भी सत्यापित करना चाहिए, ताकि आप आसानी से साफ कोडिंग से बच सकें।

आपने ब्लॉगिंग में किस तरह की गलतियाँ कीं

जितेंद्र वासवानी
यह लेखक BloggersIdeas.com पर सत्यापित है

जितेंद्र वासवानी एक डिजिटल मार्केटिंग प्रैक्टिशनर और प्रसिद्ध अंतरराष्ट्रीय मुख्य वक्ता हैं, जिन्होंने दुनिया भर में यात्रा करते हुए डिजिटल खानाबदोश जीवन शैली को अपनाया है। उन्होंने दो सफल वेबसाइटें स्थापित कीं, BloggersIdeas.com & डिजिटल मार्केटिंग एजेंसी DigiExe जिनमें से उनकी सफलता की कहानियों का विस्तार "इनसाइड ए हसलर ब्रेन: इन परस्यूट ऑफ फाइनेंशियल फ्रीडम" (दुनिया भर में बेची गई 20,000 प्रतियां) और "इंटरनेशनल बेस्ट सेलिंग ऑथर ऑफ ग्रोथ हैकिंग बुक 2" में योगदान देने तक हुआ है। जितेंद्र ने विभिन्न महाद्वीपों में डिजिटल मार्केटिंग में 10000 से अधिक पेशेवरों के लिए कार्यशालाएँ डिज़ाइन कीं; अंततः लोगों को उनके सपनों का व्यवसाय ऑनलाइन बनाने में मदद करके एक प्रभावशाली अंतर पैदा करने के इरादे से काम किया गया। जितेंद्र वासवानी एक प्रभावशाली पोर्टफोलियो वाले उच्च शक्ति वाले निवेशक हैं इमेजस्टेशन. उसके निवेशों के बारे में अधिक जानने के लिए, उसे खोजें Linkedin, ट्विटर, और फेसबुक.

संबद्ध प्रकटीकरण: पूर्ण पारदर्शिता में - हमारी वेबसाइट पर कुछ लिंक सहबद्ध लिंक हैं, यदि आप उनका उपयोग खरीदारी करने के लिए करते हैं तो हम आपके लिए बिना किसी अतिरिक्त लागत के एक कमीशन अर्जित करेंगे (कोई भी नहीं!)

टिप्पणियां (2)

  1. नमस्ते जीतेन्द्र,

    मैंने एचटीएमएल से सीखा है कि इसे बिल्कुल सही होना चाहिए। आमतौर पर जब मुझे समस्या होती है तो ऐसा आमतौर पर इसलिए होता है क्योंकि मैंने कोडिंग में कोई गलती की है। मुझे html सीखना पड़ा क्योंकि एक ब्लॉगर के रूप में आपको अपनी साइट को संपादित करने में सक्षम होना चाहिए। जब मैंने पहली बार इसकी शुरुआत की थी तो पहले मैं इसका उपयोग करने से थोड़ा डर रहा था क्योंकि मैं इसके बारे में कुछ नहीं जानता था लेकिन जैसे-जैसे मैं आगे बढ़ता गया मैंने सीख लिया और यह वास्तव में मेरे लिए मददगार था।

    इसे हमारे साथ साझा करने के लिए धन्यवाद!

  2. हाय जितेंद्र,
    मानवीय त्रुटियों एवं गलतियों को पूर्णतः समाप्त नहीं किया जा सकता। हम केवल शिक्षार्थी या विशेषज्ञ के रूप में पूर्णता के लिए प्रयासरत हैं।

    इन कोडिंग गलतियों को याद दिलाना मददगार है। हालाँकि मैं प्रोग्रामिंग में नहीं हूँ लेकिन मुझे लगता है कि वेबमास्टर्स और ब्लॉगर्स को यह पोस्ट मददगार लगनी चाहिए।

    ऐसे समय होते हैं जब किसी ब्लॉग या वेबसाइट के प्रदर्शन को बेहतर बनाने के लिए थोड़ा कोडिंग कौशल लागू करना आवश्यक हो जाता है।

    इसे साझा करने के लिए धन्यवाद. मुझे लगता है कि यदि ब्लॉग या वेबसाइट कोडिंग त्रुटियों से ग्रस्त है तो हम इन पर नजर रखेंगे। फिर हम जानते हैं कि क्या सुधार करना है और किस पर ध्यान देना है!

    यह पोस्ट किंग्ड में मिली जहां इसे साझा किया गया और अपवोट किया गया।

एक टिप्पणी छोड़ दो