web-dev-qa-db-ja.com

HTMLメールiOS形式検出

IOSのHTMLにリンクとして電話番号を削除するためのメタタグがあることがわかりました。これはHTMLメールで機能しますか？

<meta name="format-detection" content="telephone=no">

しかし、住所と日付もありますか？私はこれを克服するために常にハックを書いてきましたが、それが素晴らしいメタタグであるなら！誰もが住所と日付の構文を知っていますか？

htmlhtml-email
28
Travis

はいあります。次を使用できます。

それらを組み合わせる：

<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="email=no">
43
Anonymous

私は運が良かった：

<style>
  a[href^="x-Apple-data-detectors:"] {
    color: inherit;
    text-decoration: inherit;
  }
</style>
4
Jason Axelson
<html>
<head>
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="date=no">
    <meta name="format-detection" content="address=no">
    <meta name="format-detection" content="email=no">
    <style type="text/css">
        a[x-Apple-data-detectors] {
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-family: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
        }
    </style>
</head>
<body>
    123 Main Street<br/>
    Columbus, Ohio 43215
</body>
</html>
3
joby-flick

Outlook.com、Office365などではフォーマット検出が機能しないことがわかりました。

私の場合、自動スタイリングOR機能（クリックしてアドレスを呼び出す、またはマップする））を望まないため、アドレスのように見えないようにするためにいくつかの非表示のHTMLを挿入しました。

元の：

<td>123 Main Street
<br/>Cambridge, MA 02138</td>

更新しました：

<td>123 Main S<i class="hidden">-</i>treet
<br/>Cambridge, M<i class="hidden">-</i>A 02<i class="hidden">-</i>138</td>

これをスタイルシートに追加すると：

.hidden { display:none; }

これはテストされ、Email on Acidが提供する50ほどのメールクライアントプレビューで機能します。

注：Yahoo Mailはそれをサポートしていないため、display：noneをインライン化できず、アドレスにダッシュが表示されてしまいます。クラスを定義する必要があります。

ディスプレイを削除するが、機能は維持する

Bing Mapsのポップアップ機能を保持したい場合は、アドレスを含む要素に「outlookLink」クラスを追加して、表示をカスタマイズできます。ソース： https://litmus.com/community/discussions/4692-Outlook-com-adding-links

したがって、この：

<td>123 Main Street</td>

これになる：

<td class="outlookLink">123 Main Street</td>

スタイルシートに次のものを追加します。

.outlookLink span {
      color:#ffffff !important;
      border-bottom-width:0 !important;
      border-bottom-style:none !important;
}

Outlook.comは、アドレスまたは日付（カレンダーエントリの場合）であると判断したものを、独自のスタイル（破線の下線付きの青いリンク）で<span>にラップします。これにより、これらの<span>のスタイルが変更されます。

0
Clark Baker