ランディングページを制作後、表示崩れがないかチェックしていたときのこと。
普段PCはWindowsを使っているので、Macでも問題ないか調べていました。
なんとpタグの電話番号表記を勝手にaタグで囲われていました。
どうやらSafariだと電話番号を識別して勝手にaタグで囲ってしまうようです。
その処理を避けるためにmetaタグに以下を記述する。
1 2 3 4 5 |
</code><head> /* headタグの途中 */ <meta name="format-detection" content="telephone=no"> /* headタグの途中 */ </head> |
これで電話番号を文字だと識別してくれる。