正确链接电话号码

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


顺便说一句,建议在 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;
   }
}
背部