Helyesen kapcsolja össze a telefonszámokat

Ha saját weboldalunkat mobileszközökre optimalizáljuk, akkor nem csak a különböző képernyőméretekre, az optimalizált betöltési időkre és a működés közbeni speciális funkciókra (például hover effektusokra) érdemes figyelni, hanem a készülékek speciális képességeit is figyelembe kell venni. Ez magában foglalja a telefonálást is (néhány ember elfelejtette).


A href attribútum előtt egyébként ajánlott a „+49” beírása, mert ez lehetővé teszi a külföldi ügyfelek számára a megfelelő telefonkapcsolat elérését Németországban. A következő jelöléssel biztosítható, hogy a webhely névjegyek részében található telefonszám azonnal megnyissa a telefonalkalmazást, ha megérinti.:

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

Annak érdekében, hogy az asztali felhasználók (akik nem tudnak mit kezdeni a HTML címkével a Skype beépülő modul telepítése nélkül) megzavarodjanak, javasoljuk a következő CSS jelölést is, ami azt jelenti, hogy a hivatkozás nem ismerhető fel.:

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;
   }
}
Vissza