फोन नंबर को सही ढंग से लिंक करें

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


संयोग से, href विशेषता में पूर्ववर्ती "+49" की सिफारिश की गई है क्योंकि यह जर्मनी में सही टेलीफोन कनेक्शन का उपयोग करने के लिए विदेशों से ग्राहकों को सक्षम बनाता है। निम्न मार्कअप का उपयोग किया जा सकता है ताकि किसी वेबसाइट के संपर्क क्षेत्र में एक फोन नंबर आपके टैप करते ही फोन एप खोल दे:

<a href="tel:+498921555122">089 21 555 122</a>

ताकि डेस्कटॉप उपयोगकर्ता (जो स्थापित स्काइप प्लग-इन के बिना HTML टैग के साथ कुछ भी नहीं कर सकते हैं) भ्रमित नहीं हैं, निम्नलिखित सीएसएस मार्कअप की सिफारिश की जाती है ताकि लिंक को इस तरह से पहचाना न जा सके:

a[href^="tel"] {
   cursor: default;
   text-decoration: none;
   color: #000;
}
@media only screen and (max-device-width: 480px) {
   a[href^="tel"] {
      text-decoration: underline;
      color: blue;
   }
}
वापस