電話番号を書く際のおすすめの書き方

no_image css
no_image

電話番号をwebサイトに記載する場合、どのようなタグで囲み、書いていますか?

タグによってはブラウザ判断で意図しないスタイルが当たってしまったり、そのスタイルを上書きできないという場面があったりします。

 

電話番号はaタグ+hrefで書く

 

こうするメリット

  • 余計なスタイルが当たることがない(reset.cssなどでaタグに当たるスタイルを消している前提)
  • スマホで電話番号をタップするとすぐに電話がかけられる

 

ほぼほぼセットで使うcss

aタグにつくアンダーラインはいらないのでtext-decoration:none;でけす

pc画面では電話をかけないのでクリックなどのイベントを消すためにpointer-events:none;をつける。スマホではタップできるようにしたいのでメディアクエリを使うことに注意

 

以上

コメント

サンプル1
タイトルとURLをコピーしました