← Back to HTML Course | Chapter 9: Reference & Advanced | Lesson 5 of 9

HTML URL एनकोड रेफरेंस

फ़र्ज़ करें आप कोई overseas postcard भेज रहे हैं। अगर आप अपना message standard letters में लिखते हैं, तो sorting machine उसे साफ-साफ पढ़ लेती है। लेकिन अगर आप custom symbols बनाते हैं या खाली जगह छोड़ देते हैं, तो machine confuse हो सकती है और आपका postcard गलत bin में डाल सकती है। Web addresses में भी ठीक यही सीमा होती है। URLs में सिर्फ standard ASCII characters आ सकते हैं। अगर आपके link paths में spaces, accents, या reserved symbols हों, तो browser को उन्हें percentages इस्तेमाल करके safe codes में बदलना पड़ता है। यह reference guide उन standard percentage codes की सूची देती है ताकि आप ऐसे web links format और बना सकें जो हर बार भरोसेमंद तरीके से load हों।

URL एनकोडिंग सिंटैक्स

URL encoding किसी web address में unsafe या non-ASCII characters को एक safe format में बदल देता है, जहाँ special characters की जगह '%' symbol के बाद दो hexadecimal digits आते हैं।

Note: URLs में सिर्फ letters, numbers, और hyphens व slashes जैसे कुछ safe symbols ही इस्तेमाल हो सकते हैं।
Warning: आपके web link paths के अंदर unencoded spaces या special symbols होने पर browser page लोड करने में असफल हो जाएगा।

उदाहरण: URL Encoding Syntax

markup
<a href="https://example.com/page%20name">Encoded link</a>

Space Characters की एनकोडिंग (%20 बनाम +)

Spaces URLs में सबसे आम unsafe characters हैं। browsers standard web link paths के अंदर spaces को hexadecimal code %20 में बदल देते हैं, जबकि form query parameters में spaces अक्सर plus symbol (+) में बदल दिए जाते हैं।

Note: अपनी web files के नाम रखते समय spaces का इस्तेमाल न करें; URLs को साफ रखने के लिए hyphens का इस्तेमाल करें।
Warning: सुनिश्चित करें कि आपके file links में %20 और plus symbols गलत तरीके से न मिलें, क्योंकि इससे loading issues हो सकते हैं।

उदाहरण: Encoding Space Characters (%20 vs +)

markup
<a href="my%20file.html">Path encoded space</a>
<a href="/search?q=hello+world">Query encoded space</a>

Special Reserved Marks की एनकोडिंग

?, &, और = जैसे characters URLs में query parameters अलग करने के लिए reserved होते हैं। अगर आपको इन symbols को actual data के रूप में अपनी query values में शामिल करना है, तो browser को उन्हें parameters समझने की गलती से बचाने के लिए इन्हें encode करना ज़रूरी है।

Note: Encoders reserved symbols (जैसे & को %26 और = को %3D) में बदल देते हैं ताकि आपके parameters structured बने रहें।
Warning: query data encode न करने से आपके parameters टूट सकते हैं और server errors हो सकते हैं।

उदाहरण: Encoding Special Reserved Marks

markup
<a href="https://example.com/search?q=cats%26dogs">Encoded ampersand</a>

Unicode Characters की एनकोडिंग

Web addresses में accents, Cyrillic letters, या emojis जैसे non-ASCII characters नहीं हो सकते। अगर आप अपने links में ये characters शामिल करते हैं, तो browser उन्हें अपने आप secure, hexadecimal codes में बदल देता है।

Note: आधुनिक browsers address bar में URL encoding को छिपा देते हैं ताकि आपके links साफ और readable दिखें।
Warning: अगर आप browser address bar से special characters वाला कोई URL copy-paste करते हैं, तो वह एक लंबी, encoded string के रूप में paste होगा।

उदाहरण: Encoding Unicode Characters

markup
<a href="https://example.com/caf%C3%A9">Encoded café</a>

URL एनकोडिंग रेफरेंस मैप

यह reference map URLs में सबसे common unsafe और reserved characters को represent करने वाले standard percentage codes की सूची देता है।

Note: अपने links में query strings को मैन्युअल तरीके से फॉर्मेट करते समय यह reference map हाथ में रखें।
Warning: सुनिश्चित करें कि आप सभी percentage codes uppercase letters में लिखें, क्योंकि कुछ servers lowercase codes को parse नहीं कर पाते।

उदाहरण: URL Encoding Reference Map

markup
<!-- Space: %20  |  &: %26  |  =: %3D  |  ?: %3F -->
<a href="https://example.com/search?q=cats%26dogs">Link using encoded symbols</a>
Live Example
Related Topics
{# common_mistakes/chapter_summary/browser_support: on Hindi pages the view already swaps in the hi_ translation fields (or blanks these out if untranslated), so this renders correctly for both languages without a lang_code check here. #}

Login to run this code

C/C++/Java/PHP execution requires a free account. Your code is saved — you'll land right back in the editor after logging in.