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

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


संयोग से, 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;
   }
}
वापस