電話番号を正しくリンクする

独自のWebサイトをモバイルデバイス用に最適化する場合は、さまざまな画面サイズ、最適化された読み込み時間、操作の特別な機能(ホバー効果など)に注意を払うだけでなく、デバイスの特別な機能も考慮する必要があります。 これには、電話をかけることも含まれます(一部の人は忘れているかもしれません)。


ちなみに、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;
   }
}
バック