HTML में विशेष वर्णों का उपयोग कैसे करें

click fraud protection

आप जिन वेब पेजों पर ऑनलाइन जाते हैं, वे. का उपयोग करके बनाए गए हैं एचटीएमएल कोड जो वेब ब्राउज़र को बताता है कि पृष्ठ की सामग्री क्या है और दर्शकों के लिए इसे कैसे प्रदर्शित किया जाए। कोड में इंस्ट्रक्शनल बिल्डिंग ब्लॉक्स होते हैं जिन्हें एलिमेंट के रूप में जाना जाता है, जिसे वेब पेज व्यूअर कभी नहीं देखता है। कोड में सामान्य टेक्स्ट कैरेक्टर भी होते हैं जैसे कि हेडलाइंस में और दर्शकों के पढ़ने के लिए डिज़ाइन किए गए पैराग्राफ।

HTML में विशेष वर्णों की भूमिका

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

instagram viewer
© तथा Ñ. उन वर्णों के लिए जिनके कीबोर्ड पर कोई कुंजी नहीं है, आप एक कोड दर्ज करते हैं।

विशेष वर्ण।
सीएसए छवियां / गेट्टी छवियां

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

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

  • कम से कम संकेत <
  • अधिक से अधिक संकेत >
  • एम्परसेंड &

जब आप इन वर्णों को सीधे अपने HTML कोड में टाइप करते हैं - जब तक कि आप उन्हें कोड में तत्वों के रूप में उपयोग नहीं कर रहे हैं - उनके लिए एन्कोडिंग टाइप करें, ताकि वे पठनीय पाठ में सही ढंग से दिखाई दें:

  • कम से कम संकेत - <
  • चिन्ह से बड़ा - >
  • एम्परसेंड - &

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

विशेष वर्ण जिन्हें आप टाइप नहीं कर सकते

कोई भी वर्ण जिसे लैटिन-1 मानक वर्ण सेट में रेंडर किया जा सकता है, उसे HTML में रेंडर किया जा सकता है. यदि यह आपके कीबोर्ड पर प्रकट नहीं होता है, तो आप उस अद्वितीय कोड के साथ एम्परसेंड प्रतीक का उपयोग करते हैं जिसे वर्ण के बाद अर्धविराम दिया गया है।

उदाहरण के लिए, के लिए "दोस्ताना कोड" स्वताधिकारी चिन्ह © और ™ ट्रेडमार्क प्रतीक के लिए कोड है।

यह फ्रेंडली कोड टाइप करने में आसान और याद रखने में आसान है, लेकिन ऐसे बहुत से कैरेक्टर हैं जिनके पास फ्रेंडली कोड नहीं है जिसे याद रखना आसान है।

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

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

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

कुछ चरित्र सेट में शामिल हैं:

  • मुद्रा कोड
  • गणितीय कोड
  • विराम चिह्न कोड
  • उच्चारण कोड
  • विशेषक कोड

गैर-अंग्रेजी भाषा वर्ण

विशेष वर्ण अंग्रेजी भाषा तक सीमित नहीं हैं। गैर-अंग्रेज़ी भाषाओं में विशेष वर्ण HTML में व्यक्त किए जा सकते हैं जिनमें शामिल हैं:

  • स्पेनिश
  • फ्रेंच
  • यूनानी
  • रोमानियाई

तो हेक्साडेसिमल कोड क्या हैं?

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

अपने दस्तावेज़ शीर्ष में यूनिकोड घोषणा जोड़ें

निम्नलिखित मेटा टैग को कहीं भी अंदर जोड़ें।

सामग्री = "पाठ/एचटीएमएल; वर्णसेट = utf-8" />

टिप्स

कोई फर्क नहीं पड़ता कि आप किस पद्धति का उपयोग करते हैं, कुछ सर्वोत्तम प्रथाओं को ध्यान में रखें:

हमेशा अपनी इकाई को अर्धविराम से समाप्त करें

कुछ HTML संपादक आपको अंतिम अर्धविराम के बिना HTML कोड पोस्ट करने की अनुमति देते हैं, लेकिन आपके पृष्ठ अमान्य होंगे, और कई वेब ब्राउज़र इसके बिना संस्थाओं को सही ढंग से प्रदर्शित नहीं करेंगे।

हमेशा एम्परसेंड से शुरू करें

कई वेब संपादक आपको "amp;" को छोड़ कर चले जाते हैं। लेकिन जब आप अकेले एम्परसेंड प्रदर्शित करते हैं एक्सएचटीएमएल, यह एक सत्यापन त्रुटि का कारण बनता है।

जितना हो सके उतने ब्राउज़र में अपने पृष्ठों का परीक्षण करें

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

instagram story viewer