Estou escrevendo uma página muito simples que deveria ser exibida em dispositivos móveis. Ao visualizá-lo no simulador do iPhone, notei que o navegador do iPhone transforma automaticamente qualquer sequência numérica em um link, supostamente para discá-lo diretamente.
O problema é - há muitos números na minha página que parecem números de telefone, mas na verdade não são. Existe uma maneira de dizer ao navegador do iPhone para deixar esses números em paz?
Respostas:
Implementação muito ruim da parte da Apple (ouvi dizer que isso também acontece no iPad, onde não faz sentido nenhum), mas há uma correção:
<meta name="format-detection" content="telephone=no" />Um dos comentários nessa página também sugere o uso do polêmico hífen ( ­) para impedir a vinculação automática de um número específico (para que o navegador ainda possa vincular automaticamente outros números na página).
Se você deseja vincular determinados números, mas não outros, eu pessoalmente usaria a format-detectionmetatag para desativar os números de vínculo automático e, em seguida, vincular explicitamente aqueles que são números de telefone:
<div itemscope itemtype="http://schema.org/LocalBusiness">
<h1 itemprop="name">Foo Co.</h1>
<dl>
<dt>Phone</dt>
<dd><span itemprop="telephone"><a
href="<?php echo ($isMobile? 'tel' : 'callto') ?>:+15555555555">
555-555-5555</a>
</span></dd>
<dt>Client ID</dt>
<dd>1234567890</dd>
</div>O trecho de código PHP existe para trocar o tel:esquema, callto:se não for um navegador móvel. Dessa forma, o Skype e outros programas de VoIP para desktop podem ser acionados quando o link é clicado.
­para dividir o número. O que eu faria é desativar a vinculação automática de números do iOS no Safari e apenas indicar explicitamente quais números são números de telefone reais usando marcação semântica.