ফোন নম্বরগুলি সঠিকভাবে লিঙ্ক করুন

আপনি যদি মোবাইল ডিভাইসের জন্য নিজের ওয়েবসাইটটিকে অনুকূল করে তোলেন তবে আপনার কেবল বিভিন্ন পর্দার আকার, অপ্টিমাইজ করা লোডিং সময় এবং অপারেশনের বিশেষ বৈশিষ্ট্যগুলিতে (যেমন হোভার ইফেক্টগুলি) মনোযোগ দেওয়া উচিত নয়, তবে ডিভাইসগুলির বিশেষ ক্ষমতাগুলিকেও সম্বোধন করা উচিত। এর মধ্যে ফোন কল করাও অন্তর্ভুক্ত রয়েছে (কিছু লোক ভুলে যেতে পারে)।


ঘটনাচক্রে, href অ্যাট্রিবিউটের একটি পূর্ববর্তী "+49" প্রস্তাবিত কারণ এটি বিদেশ থেকে গ্রাহকদের জার্মানিতে সঠিক টেলিফোন সংযোগ অ্যাক্সেস করতে সক্ষম করে। নিম্নলিখিত মার্কআপটি ব্যবহার করা যেতে পারে যাতে কোনও ওয়েবসাইটের যোগাযোগের অঞ্চলে ফোন নম্বরটি আপনি এটিকে আলতো চাপলে ফোন অ্যাপটি খুলতে পারে:

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

সুতরাং ডেস্কটপ ব্যবহারকারীরা (যারা ইনস্টলড স্কাইপ প্লাগ-ইন ব্যতীত এইচটিএমএল ট্যাগ দিয়ে কিছু করতে পারবেন না) বিভ্রান্ত না হন, নিম্নলিখিত সিএসএস মার্কআপটিও সুপারিশ করা হয় যাতে লিঙ্কটি এরূপ হিসাবে স্বীকৃত না হয়:

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;
   }
}
পেছনে