正确链接电话号码

如果您针对移动设备优化自己的网站,则不仅应注意不同的屏幕尺寸,优化的加载时间和操作中的特殊功能(例如悬停效果),还应考虑设备的特殊功能。 这还包括(有些人可能已经忘记了)拨打电话。


顺带提一下,建议在href属性中使用前缀“ +49”,因为它使来自国外的客户能够访问德国的正确电话连接。 可以使用以下标记,以便当您点击网站的联系区域中的电话号码时打开该电话应用程序:

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

为了使桌面用户(如果没有安装Skype插件就无法使用HTML标签执行任何操作)不感到困惑,建议使用以下CSS标记,以使链接无法被识别:

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;
   }
}
背部