2015-01-19 29 views
21

मुझे अभी पता चला है कि आईओएस पर एचटीएमएल में एक लिंक के रूप में फोन नंबर को हटाने के लिए मेटा टैग है। क्या यह HTML ईमेल के साथ काम करता है?एचटीएमएल ईमेल आईओएस प्रारूप-पहचान

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

लेकिन क्या पता और तारीख के लिए भी कोई है? मैं हमेशा आने के लिए हैक लिख रहा हूं लेकिन अगर यह मेटा टैग है तो यह बहुत अच्छा है! क्या किसी को पता और तारीख के लिए वाक्यविन्यास पता है?

उत्तर

35

हाँ, वहां है। आप उपयोग कर सकते हैं:

उन्हें संयोजन:

<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"> 
+4

बस एक नोट - यह केवल मूल आईओएस और कुछ एंड्रॉइड ईमेल क्लाइंट पर काम करता है और विभिन्न मोबाइल ईमेल ऐप्स और मोबाइल उपकरणों पर सार्वभौमिक रूप से नहीं। उन लोगों के लिए आपको अभी भी 'हैक' और कामकाज करने की आवश्यकता होगी। – Gortonington

+2

ऐसा लगता है कि यह विंडोज फोन के लिए भी काम करता है https://msdn.microsoft.com/en-us/library/ie/dn265018%28v=vs.85%29.aspx – dunxz

+3

ये आईओएस में मेल ऐप में काम नहीं करते हैं 9 आईफोन 6 पर। – crmpicco

0

अपरीक्षित लेकिन काम करना चाहिए।

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;} 
4

मैं मिला है भाग्य के साथ:

<style> 
    a[href^="x-apple-data-detectors:"] { 
    color: inherit; 
    text-decoration: inherit; 
    } 
</style> 
+1

केवल समाधान मैं काम करने के लिए मिला! –

2
<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> 
+2

मुझे इस मुद्दे का सामना उस ईमेल के साथ हुआ है जिस पर मैं काम कर रहा था। बाहर निकलता है, यह प्रयास लगभग व्यर्थ हो रहा है क्योंकि आईओएस के अलावा अन्य डिवाइस भी हैं जो इस प्रकार के पहचान और रूपांतरण कर रहे हैं। मेरी इच्छा है कि ब्राउज़र/उपकरणों ने इस प्रकार के पहचान को बंद करने का विकल्प दिया (यदि वे नहीं करते हैं), तो हम डेवलपर्स समाधान की खोज करने में काफी समय नहीं लगा रहे हैं! –

0

मैं सिर्फ पता चला कि प्रारूप का पता लगाने Outlook.com, Office365, आदि के लिए काम नहीं करता है

में मेरी अगर मैं ऑटो स्टाइल या कार्यक्षमता (कॉल करने या किसी पते को मैप करने के लिए क्लिक करने के लिए) नहीं चाहता था तो मैंने कुछ छिपे हुए 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; } 

यह परीक्षण किया गया था और 50 या तो ईमेल क्लाइंट की पेशकश की पूर्वावलोकन में काम करता है एसिड पर ईमेल द्वारा।

नोट: आप डिस्प्ले इनलाइन नहीं कर सकते: कोई भी नहीं क्योंकि याहू मेल इसका समर्थन नहीं करता है और आप अपने पते में दृश्यमान डैश के साथ समाप्त हो जाएंगे। आपको कक्षा को परिभाषित करने की आवश्यकता है।

प्रदर्शन निकाला जा रहा है लेकिन कार्यक्षमता

रखने आप बिंग मैप्स कार्यक्षमता पॉप अप आप तत्व यह है कि पता शामिल करने के लिए वर्ग "outlookLink" जोड़कर प्रदर्शन अनुकूलित कर सकते हैं रखना चाहते हैं।स्रोत: https://litmus.com/community/discussions/4692-outlook-com-adding-links

तो यह:

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

Outlook.com लपेटता है जो इसे होने की निर्धारित करता है:

<td class="outlookLink">123 Main Street</td> 
अपने स्टाइलशीट में निम्नलिखित के साथ

:

<td>123 Main Street</td> 

इस बन जाता है < अवधिमें पते या तिथियां (कैलेंडर प्रविष्टियों के लिए)अपनी स्टाइल के साथ (धराशायी अंडरलाइन के साथ नीला लिंक)। यह < अवधि > एस की स्टाइल को संशोधित करता है।

संबंधित मुद्दे