मेलटो लिंक के लिए अंतिम गाइड: सिंटेक्स, पैरामीटर्स और कार्यान्वयन
मेलटो लिंक के लिए निश्चित गाइड। पूरी सिंटेक्स, सभी पैरामीटर्स (विषय, बॉडी, सीसी, बीसीसी) सीखें, और उन्हें HTML, मार्कडाउन और जावास्क्रिप्ट में सही तरीके से कैसे लागू करें।
Mailto लिंक क्या है? (और आपको इसका उपयोग क्यों करना चाहिए)
mailto लिंक एक प्रकार का HTML लिंक है जो उपयोगकर्ता के डिफ़ॉल्ट ईमेल क्लाइंट को एक नया ईमेल लिखना शुरू करने के लिए सक्रिय करता है। यह ईमेल पतों के लिए एक URI (यूनिफ़ॉर्म रिसोर्स आइडेंटिफ़ायर) स्कीम है, जिसे RFC 6068 में मानकीकृत किया गया है।
एक उपयोगकर्ता को दूसरे वेब पेज पर ले जाने के बजाय, एक mailto लिंक एक “नया ईमेल” विंडो खोलता है, जिसमें प्राप्तकर्ता का ईमेल पता पहले से भरा होता है।
फायदे:
- सरलता: आगंतुकों को ईमेल भेजने की अनुमति देने का यह सबसे आसान तरीका है।
- कोई बैकएंड नहीं: संपर्क फ़ॉर्म के विपरीत, इसके लिए सर्वर-साइड प्रोसेसिंग की आवश्यकता नहीं होती है।
- परिचितता: उपयोगकर्ता अपने स्वयं के ईमेल क्लाइंट के साथ इंटरैक्ट करते हैं, जिससे वे परिचित होते हैं।
नुकसान:
- क्लाइंट पर निर्भरता: इसके लिए आवश्यक है कि उपयोगकर्ता ने अपने डिवाइस पर एक ईमेल क्लाइंट कॉन्फ़िगर किया हो।
- स्पैम: सादे पाठ में ईमेल पते स्पैम बॉट्स द्वारा एकत्र किए जा सकते हैं।
Mailto लिंक की शारीरिक रचना: सरल से जटिल तक
मूल बातें: mailto:[email protected]
mailto लिंक का सबसे सरल रूप केवल प्राप्तकर्ता का ईमेल पता शामिल करता है।
<a href="mailto:[email protected]">हमसे संपर्क करें</a>एक एकल पैरामीटर जोड़ना: प्रश्न चिह्न ?
विषय या मुख्य भाग जैसे पैरामीटर जोड़ने के लिए, आप ईमेल पते के बाद एक प्रश्न चिह्न (?) से शुरू करते हैं। पहला पैरामीटर आमतौर पर subject होता है।
<a href="mailto:[email protected]?subject=उत्पाद पूछताछ">पूछताछ भेजें</a>एकाधिक पैरामीटर जोड़ना: एम्परसैंड &
एक से अधिक पैरामीटर जोड़ने के लिए, उन्हें एक एम्परसैंड (&) से अलग करें।
<a href="mailto:[email protected]?subject=उत्पाद पूछताछ&body=नमस्ते, मैं... में दिलचस्पी रखता हूं">विस्तृत पूछताछ भेजें</a>महत्वपूर्ण: केवल पहला पैरामीटर ? का उपयोग करता है। बाद के सभी पैरामीटर्स को & का उपयोग करना चाहिए।
सभी Mailto पैरामीटर्स में एक गहरा गोता
यह लेख का मुख्य भाग है। प्रत्येक पैरामीटर में कोड उदाहरण शामिल हैं।
subject: विषय पंक्ति को पहले से भरना
ईमेल के विषय को पहले से भरता है। विशेष वर्णों को एनकोड करना याद रखें। उदाहरण के लिए, एक स्पेस %20 बन जाता है।
<a href="mailto:[email protected]?subject=कोटेशन%20अनुरोध">कोटेशन का अनुरोध करें</a>body: मुख्य भाग के पाठ को पहले से भरना और लाइन ब्रेक (%0A) को संभालना
ईमेल के मुख्य भाग को पहले से भरता है। यह एन्कोडिंग के कारण सबसे अधिक त्रुटि-प्रवण पैरामीटर है। लाइन ब्रेक को %0A के रूप में एनकोड किया जाना चाहिए।
लाइन ब्रेक के साथ उदाहरण:
<a href="mailto:[email protected]?subject=बग%20रिपोर्ट&body=मेरा%20खाता%0A---%0Aबग%20का%20विवरण:">बग की रिपोर्ट करें</a>यह एक ईमेल बॉडी बनाएगा जो इस तरह दिखता है:
मेरा खाता
---
बग का विवरण:cc और bcc: कार्बन कॉपी और ब्लाइंड कार्बन कॉपी प्राप्तकर्ताओं को जोड़ना
आप cc (कार्बन कॉपी) और bcc (ब्लाइंड कार्बन कॉपी) में प्राप्तकर्ताओं को जोड़ सकते हैं।
<a href="mailto:[email protected][email protected]&[email protected]">रिपोर्ट भेजें</a>एकाधिक प्राप्तकर्ता: एक से अधिक ईमेल पता कैसे जोड़ें
to, cc, या bcc फ़ील्ड में कई प्राप्तकर्ताओं को भेजने के लिए, बस उन्हें एक अल्पविराम (,) से अलग करें।
<a href="mailto:[email protected],[email protected]?subject=संयुक्त%20प्रयास">बिक्री और विपणन से संपर्क करें</a>सब कुछ एक साथ लाना: एक वास्तविक दुनिया का उदाहरण
यहाँ एक जटिल उदाहरण है जो सभी पैरामीटर्स को जोड़ता है।
<a href="mailto:[email protected][email protected]&[email protected]&subject=ईमेल%20विषय&body=यह%20ईमेल%20का%20मुख्य%20भाग%20है।%0Aएक%20लाइन%20ब्रेक%20के%20साथ।">पूर्ण उदाहरण</a>mailto:[email protected]: मुख्य प्राप्तकर्ता।[email protected]: पहला पैरामीटर, cc के लिए,?का उपयोग करता है।&[email protected]: दूसरा पैरामीटर, bcc के लिए,&का उपयोग करता है।&subject=ईमेल%20विषय: तीसरा पैरामीटर, विषय,&का उपयोग करता है। स्पेस के लिए%20पर ध्यान दें।&body=...: चौथा पैरामीटर, मुख्य भाग,&का उपयोग करता है। लाइन ब्रेक के लिए%0Aपर ध्यान दें।
इसे हाथ से कोड करने और एन्कोडिंग त्रुटियों के बारे में चिंता करने से थक गए हैं? हमारा मुफ्त Mailto लिंक जेनरेटर सेकंडों में सही, त्रुटि-मुक्त लिंक बनाता है।
अपने पसंदीदा वातावरण में Mailto लिंक कैसे बनाएं
HTML में mailto लिंक कैसे बनाएं
मानक विधि, <a> टैग का उपयोग करके।
<a href="mailto:[email protected]">ईमेल भेजें</a>Markdown में mailto लिंक कैसे जोड़ें
लिंक्स के लिए Markdown सिंटैक्स पूरी तरह से काम करता है।
[ईमेल भेजें](mailto:[email protected])JavaScript का उपयोग करके mailto लिंक कैसे बनाएं
आप DOM में गतिशील रूप से mailto लिंक बना और हेरफेर कर सकते हैं।
const email = '[email protected]';
const subject = 'गतिशील विषय';
const mailtoLink = `mailto:${email}?subject=${encodeURIComponent(subject)}`;
// उपयोगकर्ता को पुनर्निर्देशित करने के लिए
window.location.href = mailtoLink;
// या किसी मौजूदा लिंक का href सेट करने के लिए
const linkElement = document.getElementById('my-contact-link');
linkElement.href = mailtoLink;निष्कर्ष: अब आप एक Mailto मास्टर हैं
आपने मजबूत mailto लिंक बनाने के लिए सिंटैक्स, पैरामीटर्स और सर्वोत्तम प्रथाओं को सीखा है। वे सीधे संचार के लिए एक शक्तिशाली और सरल उपकरण हैं। यह सुनिश्चित करने के लिए कि आपके लिंक हमेशा सही हों, हमारे जेनरेटर टूल को बुकमार्क करें!