HTML कैरेक्टर सेट्स

कैरेक्टर एनकोडिंग्स का विकास

कंप्यूटिंग के शुरुआती दिनों में, अलग-अलग systems अलग-अलग character encoding keys इस्तेमाल करते थे।

ASCII सिर्फ basic English characters को support करता था, जबकि ISO-8859-1 ने Western European accents के लिए support जोड़ा, जिससे जैसे-जैसे web globally फैला, layout conflicts बनते गए।

उदाहरण: Evolution of Character Encodings

<!-- ASCII: basic English only. ISO-8859-1: adds Western European accents -->
<meta charset="ISO-8859-1">

यूनिवर्सल UTF-8 स्टैंडर्ड

UTF-8 एक highly efficient, variable-width character encoding standard है जो mathematical symbols, global alphabets, और emojis सहित दस लाख से ज़्यादा unique characters को represent कर सकता है।

उदाहरण: The Universal UTF-8 Standard

<meta charset="UTF-8">

head Section में Charsets डिक्लेयर करना

यह सुनिश्चित करने के लिए कि आपका webpage सही तरीके से render हो, आपको character set meta tag अपने document के head section के अंदर रखना होगा। इसे file के पहले 1024 bytes के अंदर रखना ज़रूरी है ताकि browser इसे आपका text लोड करने से पहले पढ़ ले।

उदाहरण: Declaring Charsets in the head Section

<head>
  <meta charset="UTF-8">
  <title>My Page</title>
</head>

Mojibake एरर्स का ट्रबलशूटिंग

अगर किसी webpage पर character set declaration missing या गलत है, तो curly quotes, dashes, और accented letters जैसे special characters टूटे-फूटे, गड़बड़ symbols (जैसे é) के रूप में render होंगे। इस समस्या को mojibake कहा जाता है।

उदाहरण: Troubleshooting Mojibake Errors

<!-- Missing charset can cause: café to render as café -->
<meta charset="UTF-8">

सर्वर हेडर्स बनाम HTML मेटा टैग्स

जब कोई visitor आपका webpage लोड करता है, तो आपका web server एक HTTP header भेजता है जो content type और character set बताता है।

हालांकि server के HTTP header की priority आपके HTML meta tag से ज़्यादा होती है, फिर भी अपने HTML में meta charset tag शामिल करना ज़रूरी है ताकि page locally लोड होने पर भी सही तरीके से render हो।

उदाहरण: Server Headers vs. HTML Meta Tags

<!-- HTTP header: Content-Type: text/html; charset=UTF-8 -->
<meta charset="UTF-8">