Soru Mobil Safari / iPhone Mail.app HTML tasarım sorunları: otomatik bağlantı ve stil otomatik bağlantılarını önleme (tarihler, adresler, vb.)


Mobil cihazlarda okunduğunda iyi görünmesi gereken bir HTML e-postası tasarlamaya çalışıyorum. En büyük sorunum iPhone'la (iOS 4): çoğunlukla kayıtsız "otomatik bağlantı" özelliği beni gerçekten rahatsız ediyor.

Otomatik bağlantı açık görünüyor

Orada nasıl bir belge var

  1. tarihler ve adresler için otomatik bağlantıyı devre dışı bırak
  2. mikroformatlar veya benzer bir şeyle otomatik bağlantıyı "düzeltir" (böylece sonuçlar iOS 4 ile olduğundan daha iyidir)

Herhangi bir bilgi, ipucu veya ipucu gerçekten takdir edilmektedir çünkü orada herhangi bir bilgi yoktur.


25
2018-03-10 20:19


Menşei


Bazı araştırmalardan sonra, bu otomatik algılama, 1998'de "elma veri detektörleri" nin işaret edildiği noktaya kadar gidiyor gibi görünüyor: bit.ly/hmMsAw - z3cko


Cevaplar:


Bu konuya uzun süre cevap verildi. Mobil Safari'de telefon numarası bağlantısı nasıl devre dışı bırakılır? ama benim gibi diğer tüm SEO ziyaretçileri için tekrarlamak için ....

...göre Safari Web   İPhone için İçerik Rehberi:

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

14
2018-04-18 17:13



Cevabınız için teşekkürler, Terri Ann - Aslında sadece telefon numaraları için değil, tüm otomatikleştirmek için bir yol arıyordum. - z3cko


Bunu yapmak için gerçekten bir numara buldum. Oldukça korkunç, ama işe yarıyor. Bu konuda yazımı okuyabilirsiniz http://commondream.net/post/8933806735/avoiding-data-detectors-in-ioss-mail-appAncak genel olarak, veri detektörleri zaten HTML e-postalarındaki bir bağlantı olan içeriği bağlamamayacağından, aşağıdaki gibi bir şey döndürebilirsiniz:

<span>Tuesday</span>

içine:

<a href="#tuesday" id="tuesday" 
    style="color: #000; text-decoration: none;">Tuesday</a>

Bu korkunç bir kod, ancak veri dedektörleri sadece bir kaç dezavantajı, yani çirkin işaretleme ve posta istemciye tıklarsanız o özel öğeye kaydırma yapar.

Tüm bunların dediği gibi, veri dedektörlerini devre dışı bırakmanız gerektiğinde oldukça sınırlı olduğunu düşünüyorum. Hava durumu tahminlerini haftanın gününe göre listeleyen bir e-posta aldım ve hiçbir kullanıcının bu bilgileri takvimlerinde işaretlemek istemeyeceğini hissettim, ancak bunların gerçekten olabileceğini düşündüğünüzde veri dedektörlerini devre dışı bırakmamalısınız. Bir işe yara.


9
2017-08-15 10:55





Tarihler ve adresler için, veri tanıma örüntüsünün eşleştirmesini ör. sıfır genişlikli bir varlık. Örneğin.,

M&#x200b;arch 30, 2013

İOS Mail 4.3 ve 6.0'da test edildi.


9
2018-02-23 03:35



Bu, spam tespitini artıracak mı merak ediyorum. Yine de çalışıyor. İOS 6'ya kadar, eski okul gövdesi özelliklerini kullanarak çalışıyordum. <body link="#88888" alink="#888888" vlink="#888888" text="#555555"> - Dex


<a href="#" style="color: #666666; text-decoration: none;pointer-events: none;">Boca Raton, FL 33487</a>

Rengi metninizle eşleşecek şekilde değiştirin, metin dekorasyonu alt çizgiyi kaldırır, işaretçi etkinlikleri bir tarayıcıdaki bir bağlantı gibi görüntülenmesini engeller.

Bu ios ve tarayıcıda HTML e-postaları için idealdir.


7
2018-06-13 18:34



Bu benim için hile yaptı, sadece # 000000 rengini değiştirmek zorunda kaldı - sXe
Bu muhtemelen en iyi çözümdür, en azından iOS 7'de çalışır. - Dex
Bu en iyi cevaptır. Tıklama, iOS'ta hiçbir şey yapmıyor pointer-events: none; - Justin


Bu konuya da girdik. İOS'ta Safari'deki adreslerin biçim tespitini devre dışı bırakmak için adresimizi bir <a> etiketsiz href özellik ve bir style İstediğimiz rengi tanımlayan özellik:

<a style="color: #c0c0c0;">Square, Inc., 901 Mission Street, San Francisco, CA 94103</a>

Sonuç iOS Safari'de hala tıklanabilir, ancak istediğimiz renkte işleniyor.

Diğer tarayıcılarda bağlantı tıklanabilir değildir ve satır içi stil rengi mevcut metinle aynı olduğundan, çevreleyen metinden farklı görünmez.


6
2018-02-07 20:34



İOS posta uygulaması hala köprüler. - chris finne
@chrisfinne - evet, ancak istediğiniz gibi bakmak için stil yapabilirsiniz. Eklemek style="text-decoration: none" alt çizgi kaldırmak istiyorsanız. - Beau Smith
Chris'in de belirttiği gibi @BeauSmith, bu HTML e-posta için çalışmıyor. En azından iOS 6.1 Mail ile, hala öğe stilini geçersiz kılan mavi bir altyazılı bağlantı olarak biçimlendirir. Bununla birlikte, en az bir tarihte, örn. sıfır genişlikli bir varlık. E., M & # x200b; 30, 2013 - tribalvibes
Bu eklediğim sürece iOS 8'de çalışmaz href="#" adresler için - Justin


Telefon numaralarıyla yaptığınız gibi adres ve tarihler için otomatik bağlantıyı devre dışı bırakabileceğinizi düşünmüyorum, en azından Apple'ın resmi belgelerinde değil, Safari HTML Referansı.

Otomatik bağlantı oluşturmayı engellemeye çalışan bir hack, içerikte bazı gereksiz etiketler kullanmaktır. Örneğin, yazmak yerine <div>+61 3 777 8888</div>gibi bir şey yapabilirsin <div><foo>+61 3 777</foo> 8888</div>. Çok zarif değil, ama istediğin şeyi başarabilir.


3
2018-03-14 07:15



@Terri Ann bunun için doğru bir çözüm var. - MightyE
@MightyE, z3cko zaten telefon algılama özelliğini devre dışı bırakmayı biliyordu; O, "tarihler ve adresler için otomatik bağlantıyı nasıl devre dışı bırakacağını" soruyordu. :) - William Niu
@William Niu: Doğru, hatalı çıktılar ürettiğinden, diğer tüm otomatikleştirmeyi kaldırmak istedim ... - z3cko


Bununla birlikte kurtulabilirseniz, tek tırnak içine almak otomatik bağlantıyı devre dışı bırakır. Bu, HTML hilelerini kullanamayacağınız konu satırı için de çalışır.


2
2017-08-26 23:50





Tarz olması gereken oto linkler için bu çözümü kullanıyorum

<span class="applelinksWhite">or call 1-666-12<span>3-456</span>7</span>

Sonra bunu stil etiketime ekliyorum. Bazı istemciler kafadan çıkardıkça onu vücutta kullanırım.

.applelinksWhite a {color:#ffffff !important; text-decoration:none;}

Böylece applelinks açıklığı ios cihazların otomatik bağlantılarını kapsar ve gmail gibi diğer istemcileri atmak için metin dizesinin ortasındaki temel bir açıklığı atarım. Litmus'da test edildi ve tahta üzerinde çalışıyor.

Bu, her türlü otomatik bağlantı için çalışır.


2
2017-08-30 15:15



Bu, iOS 8'de tarihler için çalışmaz. - Justin