HTML एंटिटी

HTML में कुछ वर्ण विशेष होते हैं। सामान्य पृष्ठ पाठ में कच्चा < टाइप करें तो ब्राउज़र सोच सकता है कि टैग शुरू हो रहा है। कच्चा & टाइप करें तो सोच सकता है कि entity शुरू हो रही है। वर्ण एंटिटीज़ (character entities) सुरक्षित कोड हैं जो उन प्रतीकों को दृश्य पाठ के रूप में दिखाते हैं, बिना पार्सर को भ्रमित किए। यह सत्र entity प्रणाली स्वयं सिखाता है: कब जरूरत है, सामान्य नामित रूप कैसे लिखें, और बिना लाभ के पठनीयता बिगाड़ने वाले अति-एन्कोडिंग से कैसे बचें। नियम समझने पर ट्यूटोरियल पृष्ठ और एम्बेडेड उदाहरण संपादकों व ब्राउज़रों में अधिक विश्वसनीय बनते हैं।

HTML entity क्या है?

HTML entity मार्कअप में किसी वर्ण को लिखने का कोडित तरीका है। अधिकांश नामित entities & से शुरू और ; पर समाप्त होती हैं। ब्राउज़र रेंडर करते समय कोड को वास्तविक वर्ण से बदल देता है। आपको सबसे अधिक उन वर्णों के लिए जरूरत होती है जिन्हें HTML पहले से मार्कअप सिंटैक्स के रूप में उपयोग करता है, और कभी-कभी ऐसे प्रतीकों के लिए जिन्हें टाइप करना कठिन है। वे UTF-8 में फ़ाइल सहेजने का विकल्प नहीं हैं, और इसका मतलब भी नहीं कि पैराग्राफ का हर अक्षर entity बने। उन्हें सटीक औज़ार समझें: जहाँ कच्चा वर्ण असुरक्षित या अस्पष्ट हो वहाँ उपयोग करें, सामान्य गद्य को वैसा ही छोड़ें। यह संतुलन पार्सर की रक्षा करता है और स्रोत को लेखक के लिए पठनीय रखता है।

सीधा उत्तर

जब कोई वर्ण कच्चे पाठ के रूप में असुरक्षित या अस्पष्ट हो तो entities का उपयोग करें। पहले ये याद रखें: < के लिए <, > के लिए >, & के लिए &, और अटूट रिक्ति के लिए  । नामित entity हमेशा ; से समाप्त करें। पैराग्राफों में, और HTML सिखाने वाले उदाहरणों में, जब भी कच्चा वर्ण दस्तावेज़ तोड़े या गलत पढ़े तब इनका उपयोग करें। सामान्य वाक्य में टैग दिखाते समय entities उदाहरण को पाठ रखती हैं — जीवित तत्व नहीं। AT&T शैली के ब्रांड नाम में दृश्य «और» चिह्न चाहिए तो & आमतौर पर सुरक्षित रूप है। इन चार से शुरू करें, जरूरत पर " और © जोड़ें; मूल नियम सीखने से पहले लंबी सूचियाँ याद करने की जल्दबाज़ी न करें।

सामान्य entities एक नज़र में

वाक्यों में आरक्षित वर्ण

जब सामान्य पैराग्राफ में टैग सिखाएँ या नाम लें, उन्हें entities से दिखाएँ ताकि वे पाठ रहें। पाठक टैग का परिचित रूप देखता है, जबकि दस्तावेज़ वैध रहता है क्योंकि आपने व्याख्या के बीच वास्तविक टैग नहीं डाला। यह आदत ट्यूटोरियल, तकनीकी ब्लॉग और HTML-में-HTML समझाने वाले किसी भी पृष्ठ के लिए आवश्यक है। इसके बिना उदाहरण पंक्ति नया पैराग्राफ या अनुभाग बन सकती है, या पाठ का भाग गायब हो जाता है क्योंकि पार्सर कोण कोष्ठक «खा» लेता है। Entities इरादा स्पष्ट करती हैं: ये प्रदर्शन के लिए वर्ण हैं, पृष्ठ की जीवित संरचना नहीं।

नमूना पढ़ना

• <p> वर्ण <p> दिखाता है बिना वहाँ पैराग्राफ तत्व बनाए
• Tom & Jerry Tom & Jerry के रूप में दिखता है
• बिना वैध entity के कच्चा & पार्स समस्याएँ पैदा कर सकता है
• सामान्य अक्षर जैसे p और Jerry को entities की जरूरत नहीं
• प्रत्येक नामित entity के अंत का सेमीकोलन नियम का भाग है, वैकल्पिक सजावट नहीं
• स्रोत और रेंडर पाठ की तुलना करें ताकि कोड बनाम परिणाम दिखे

अटूट रिक्तियाँ

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

नामित entities बनाम प्रतीक टाइप करना

कई प्रतीकों के लिए यदि फ़ाइल UTF-8 में सहेजी गई हो तो आप वास्तविक वर्ण चिपका सकते हैं (बाद में Charset सत्र देखें)। Entities विशेष रूप से <, > और & के लिए महत्वपूर्ण रहती हैं क्योंकि ये वर्ण HTML सिंटैक्स का भाग हैं। सामान्य नामित रूप सीखने से शिक्षण पृष्ठ और उदाहरण संपादकों में विश्वसनीय बनते हैं। आधुनिक संपादक © या टाइपोग्राफिक उद्धरण सीधे चिपकाने दे सकते हैं, पर पैराग्राफ में टैग दिखाने वाले ट्यूटोरियल को अभी भी < और > चाहिए। नामित entities पाठ समीक्षा में भी स्पष्ट होती हैं: समीक्षक कोड देखकर तुरंत इरादा समझता है। आदत से हर गैर-लैटिन वर्ण को संख्यात्मक entity से न बदलें; UTF-8 आधुनिक गद्य का अधिकांश भाग कवर करता है। Entities वहाँ रखें जहाँ एन्कोडिंग अर्थ की रक्षा करे या मार्कअप टूटने से रोके।

अपने संपादक में अभ्यास

1. ऐसा पैराग्राफ लिखें जो < और > से <div> पाठ दिखाए।
2. & से सुरक्षित लिखे AT&T वाली एक पंक्ति जोड़ें।
3. छोटे शीर्षक और ऐसी संख्या के बीच   लगाएँ जिसे पंक्तियों में नहीं बाँटना चाहते।
4. पृष्ठ खोलें और पुष्टि करें कि प्रतीक सही दिखते हैं।
5. स्रोत देखें और entity कोड खोजें — स्रोत की तुलना रेंडर पाठ से करें।
6. जानबूझकर एक entity पर सेमीकोलन भूलें, रीलोड करें, अजीब परिणाम देखें, फिर ठीक करें।
   बाद में पूछें: क्या कोई कच्चा & बिना पूर्ण entity के बचा? क्या सामान्य अक्षर बिना कारण एन्कोड हुए? क्या   केवल वहाँ है जहाँ ब्रेक नहीं चाहिए? अभ्यास सूची रटने से बेहतर विचार जमाता है; जानबूझकर सेमीकोलन भूलना दिखाता है कि नियम कठोर क्यों है।

गलतियाँ जो entities तोड़ती हैं

• entity के अंत में ; भूलना
• पाठ में अकेला & जो पूर्ण entity नहीं (जब ampersand चाहिए तो & चुनें)
• सामान्य अक्षर और शब्द एन्कोड करना जिन्हें कभी entities की जरूरत नहीं थी
• मार्जिन और लेआउट के बदले   का उपयोग — CSS स्पेसिंग सीखने के बजाय
• टैग उदाहरण दिखाते समय < और > मिलाना
  ये गलतियाँ «छोटी» लगती हैं जब तक कोई प्रदर्शन न तोड़े या स्रोत गंदा न करे। त्वरित जाँच — फ़ाइल में & खोजें और सुनिश्चित करें कि प्रत्येक वैध entity शुरू करे और ; पर समाप्त हो — प्रकाशन से पहले अधिकांश समस्याएँ रोकती है।

सारांश

• Entities HTML पाठ में आरक्षित या विशेष वर्ण सुरक्षित दिखाती हैं
• <, >, & और   से शुरू करें
• नामित entities & से शुरू और ; पर समाप्त होती हैं
• जब कोण कोष्ठक और ampersand पाठ के रूप में दिखने चाहिए तब एन्कोड करें
• बिना कारण सामान्य गद्य अक्षरों को entity न बनाएँ
• जब HTML पृष्ठ स्वयं HTML सिखाता है तब entities विशेष रूप से उपयोगी हैं
  पूरी सूची नहीं, नियम याद रखें: पार्सर की रक्षा करें, इच्छित प्रतीक दिखाएँ, स्रोत साफ़ रखें। तब आपके उदाहरण ब्राउज़र में आश्चर्य के बिना कॉपी और सिखाए जा सकते हैं।