Ich habe gerade festgestellt, dass es ein Meta-Tag zum Entfernen der Telefonnummer als Link in HTML unter iOS gibt. Funktioniert das mit HTML-E-Mails?
<meta name="format-detection" content="telephone=no">
Aber gibt es auch eine für Adresse und Datum? Ich habe schon immer Hacks geschrieben, um das zu überwinden, aber wenn es ein Meta-Tag ist, ist das großartig! Kennt jemand die Syntax für Adresse und Datum?
Ja da ist. Sie können Folgendes verwenden:
- Datum:
<meta name="format-detection" content="date=no">
- Adresse:
<meta name="format-detection" content="address=no">
- Email:
<meta name="format-detection" content="email=no">
Kombinieren Sie sie:
<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">
Ich hatte Glück mit:
<style>
a[href^="x-apple-data-detectors:"] {
color: inherit;
text-decoration: inherit;
}
</style>
Ich denke, es ist besser, sie in einem Meta-Tag zu sammeln:
<meta name="format-detection" content="telephone=no, email=no, address=no" />
<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>
Ich habe gerade festgestellt, dass die Formaterkennung für Outlook.com, Office365 usw. nicht funktioniert.
In meinem Fall wollte ich nicht die Auto-Styling-ODER-Funktionalität (durch Klicken, um eine Adresse anzurufen oder zuzuordnen), also habe ich verstecktes HTML eingefügt, damit es nicht wie eine Adresse aussieht.
Original:
<td>123 Main Street
<br/>Cambridge, MA 02138</td>
Aktualisiert:
<td>123 Main S<i class="hidden">-</i>treet
<br/>Cambridge, M<i class="hidden">-</i>A 02<i class="hidden">-</i>138</td>
Wenn dies zu Ihrem Stylesheet hinzugefügt wurde:
.hidden { display:none; }
Dies wurde getestet und funktioniert in den etwa 50 E-Mail-Client-Vorschauen, die von Email on Acid angeboten werden.
HINWEIS: Sie können display:none nicht inline einfügen, da Yahoo Mail dies nicht unterstützt, und Sie erhalten am Ende sichtbare Bindestriche in Ihrer Adresse. Sie müssen eine Klasse definieren.
Entfernen des Displays, aber Beibehalten der Funktionalität
Wenn Sie die Popup-Funktion von Bing Maps beibehalten möchten, können Sie die Anzeige anpassen, indem Sie die Klasse „outlookLink“ zu dem Element hinzufügen, das die Adresse enthält. Quelle: https://litmus.com/community/discussions/4692-outlook-com-adding-links
Also das:
<td>123 Main Street</td>
Wird das:
<td class="outlookLink">123 Main Street</td>
mit dem folgenden in Ihrem Stylesheet:
.outlookLink span {
color:#ffffff !important;
border-bottom-width:0 !important;
border-bottom-style:none !important;
}
Outlook.com umschließt, was es als Adressen oder Daten (für Kalendereinträge) feststellt, in einem mit seinem eigenen Stil (blauer Link mit gestrichelter Unterstreichung). Dies ändert das Styling dieser s.
Dies ist kein Standard-Meta-Tag, es funktioniert nur für IOS.
Sehen Apple-Entwicklerdokumentation um deine Antwort zu finden
ungetestet sollte aber funktionieren.
a[href^=date]{ color:#FFFFFF; text-decoration:none;}
a[href^=telephone]{ color:#FFFFFF; text-decoration:none;}
a[href^=address]{ color:#FFFFFF; text-decoration:none;}
a[href^=email]{ color:#FFFFFF; text-decoration:none;}