Telefon numarasının iOS'ta HTML'de bir bağlantı olarak kaldırılması için bir meta etiket bulunduğunu öğrendim. Bu, HTML e-postalarıyla çalışır mı?HTML E-posta iOS biçiminde algılanma
<meta name="format-detection" content="telephone=no">
Ancak adres ve tarih için bir tane var mı? Buraya gelmek için hep hack yazıyordum ama bu harika bir meta etiketi ise! Adres ve tarihin sözdizimini bilen var mı?
Evet, var. Sen kullanabilirsiniz:
<meta name="format-detection" content="date=no"><meta name="format-detection" content="address=no"><meta name="format-detection" content="email=no">:
<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">
denenmemiş ama çalışması gerekir.
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;}
yaşadım şans ile:
<style>
a[href^="x-apple-data-detectors:"] {
color: inherit;
text-decoration: inherit;
}
</style>
Sadece çalıştığım çözüm bulundu! –
<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>
Bu sorunu, üzerinde çalıştığım bir e-postayla yeni karşılaştım. Görünüşe göre, bu çaba neredeyse boşuna oluyor çünkü IOS dışında bu tür algılama ve dönüştürme yapan başka cihazlar da var. Tarayıcıların/cihazların bu tür bir algılama özelliğini kapatma seçeneği sunmasını isteseydim (eğer yapmazlarsa), bu yüzden geliştiriciler bir çözümü araştıran önemli miktarda zaman harcamazlar! –
Sadece biçim algılama vb Outlook.com, Office365 için
çalışmıyor keşfetti benim Ben auto styling VEYA işlevselliğini istemedim (aramak veya bir adresi eşlemek için tıklamak), böylece bir adres gibi görünmesini sağlamak için bazı gizli HTML enjekte ettim.
Orijinal:
<td>123 Main Street
<br/>Cambridge, MA 02138</td>
Güncelleme: Bununla
<td>123 Main S<i class="hidden">-</i>treet
<br/>Cambridge, M<i class="hidden">-</i>A 02<i class="hidden">-</i>138</td>
sizin stil sayfasına eklendi:
.hidden { display:none; }
Bu test edildi ve sunulan 50 ya da e-posta istemcisi önizlemelerde çalışır Asit üzerinde E-posta ile.
NOT: ekranı gösteremezsiniz: hiçbiri Yahoo Mail bunu desteklemediğinden ve adresinizde görünür çizgilerle sonuçlanmayacaktır. Bir sınıf tanımlamanız gerekiyor.
Ekran çıkarma ancak Bing Haritalar adresi içeren öğeye sınıfı "outlookLink" ekleyerek ekranı özelleştirebilirsiniz işlevselliği açılır tutmak istiyorsanız Fonksiyonalite
tutmak.Kaynak: https://litmus.com/community/discussions/4692-outlook-com-adding-links
Yani bu:
.outlookLink span {
color:#ffffff !important;
border-bottom-width:0 !important;
border-bottom-style:none !important;
}
Outlook.com olması karar verdiği her şeyi sarar: En stil aşağıdaki
<td class="outlookLink">123 Main Street</td>
:
<td>123 Main Street</td>
bu Oluyor < kapsamındaki adresler veya tarihler (takvim girişleri için)Kendi tasarımı ile(kesik altı çizili mavi bağlantı). Bu, < yayınının > s stillerini değiştirir.
Sadece bir not - bu yalnızca yerel iOS ve bazı Android e-posta istemcileri üzerinde çalışıyor ve farklı mobil e-posta uygulamaları ve mobil cihazlarda evrensel olarak değil. Bunlar için hala 'hack' ve geçici çözümler yapmanız gerekecektir. – Gortonington
Bu, Windows telefonlar için de çalışır gibi görünüyor https://msdn.microsoft.com/en-us/library/ie/dn265018%28v=vs.85%29.aspx – dunxz
Bunlar iOS'ta posta uygulamasında çalışmıyor IPhone 6'da 9. – crmpicco