masakichi-code

独学エンジニアの技術ブログ

Safari 電話番号が勝手にaタグで囲われる問題

  • HTML

2022.11.24(木)

Safari_電話番号が勝手にaタグで囲われる問題_アイキャッチ画像

ランディングページを制作後、表示崩れがないかチェックしていたときのこと。
普段PCはWindowsを使っているので、Macでも問題ないか調べていました。

なんとpタグの電話番号表記を勝手にaタグで囲われていました。

どうやらSafariだと電話番号を識別して勝手にaタグで囲ってしまうようです。
その処理を避けるためにmetaタグに以下を記述する。

これで電話番号を文字だと識別してくれる。