2010-02-12 30 views
11

मैंने रेलवे/JQuery प्रोजेक्ट के लिए एचटीएमएल 5 एपीआई का उपयोग करने पर विचार करना शुरू कर दिया है, इसलिए मैं मूल्यों को स्टोर करने के लिए उस महान data- attribute का उपयोग कर सकता हूं।एचटीएमएल 5 ब्राउज़र संगतता चार्ट - पुराने ब्राउज़र में एचटीएमएल 5?

ब्राउज़र चिंता संगतता के मुद्दों के बारे में मुझे चिंता है। मेरे पास दो प्रश्न हैं (मूल प्रश्न):

  1. एचटीएमएल 5 का उपयोग करने के लिए, क्या लोगों को अपने ब्राउज़र को अपग्रेड करने की आवश्यकता है? वह कैसे काम करता है?

  2. क्या प्रत्येक ब्राउजर लेआउट इंजन का समर्थन करने के लिए दिन-दर-दिन चार्ट है, यह Wikipedia article on comparing HTML layout engines और When can I use... HTML 5 पृष्ठ से अधिक अद्यतित है?

क्या यह आईई 6 का उपयोग करने वाले लोगों के साथ एक मुद्दा होने जा रहा है? बहुत सारे गैर-कंप्यूटर सावली लोग जिनसे मैंने बात की है कि इंटरनेट उपस्थिति स्वयं का उपयोग करना चाहते हैं, और जिन लोगों का उपयोग करने के लिए वे बात करते हैं, अभी भी, आईई 6!

यदि यह कोई समस्या नहीं है, और आप पुराने ब्राउज़र पर HTML 5 का उपयोग कर सकते हैं, तो आप कैसे करते हैं? या मुझे किस दस्तावेज़ को देखना चाहिए :)? धन्यवाद।

अद्यतन: मैं कुछ दिलचस्प लिंक पोस्ट करूंगा जैसा कि मैंने उन्हें नीचे पाया है।

FindMeByIP: "एक साधारण ऐप जो CSS3 और HTML5 सुविधाओं के लिए आपके ब्राउज़र के समर्थन को आधुनिकज़र के उपयोग से पढ़ने में आसान प्रारूप में दिखाता है।" - Browser Support for CSS3 and HTML5

+0

'डेटा-' विशेषताओं पर, http://stackoverflow.com/questions/2412947/do-html5-custom-data-attributes-work-in-ie-6, http://stackoverflow.com/questions देखें/56 9 6464/हैं-एचटीएमएल-डेटा-विशेषताओं-सुरक्षित-पुराने-ब्राउज़र-जैसे- यानी -6 और अन्य डुप्लिकेट। –

+0

एचटीएमएल 5 पर, http://diveintohtml5.org/introduction.html –

+0

देखें diveintohtml5 के लिए यूआरएल बदल गया है - यह महान लिंक – DanBeale

उत्तर

12

एचटीएमएल 5 को एक इकाई के रूप में मानना ​​उपयोगी नहीं है, जो ब्राउज़र या तो 'समर्थन' या 'समर्थन नहीं करते'। एचटीएमएल 5 है:

  • ऐसे IE और Firefox एक्सटेंशन के रूप में क्या पिछले डब्ल्यू 3 HTML और डोम मानकों को कवर किया था की सीमा, जो अन्य ब्राउज़र की नकल की है परे व्यापक मौजूदा प्रथा को कूटबद्ध करने की कोशिश, और लंबे समय से चली आ रही ' डोम लेवल 0 'व्यवहार जो सभी ने मंजूरी दे दी थी लेकिन पहले किसी भी स्पेक में नहीं लिखी गई थीं।

  • नए एक्सटेंशन का यादृच्छिक चयन अभी तक व्यापक रूप से उपयोग में नहीं है, जिसे उम्मीद है कि ब्राउज़र निर्माता इसका समर्थन करेंगे। कुछ पहले ही सफल हो चुके हैं, पहले से ही सभी नए ब्राउज़रों में जा रहे हैं; कुछ अपने स्वयं के विनिर्देशों में फंस गए हैं (जो हर किसी के लिए अधिक प्रबंधनीय है), कुछ विवादास्पद हैं, और कुछ भी किसी पर भी परवाह नहीं करते हैं।

यह आईएमओ, इन दो अड्डों को एक बार में कवर करने की कोशिश करने के लिए एक बड़ी गलती रही है। मैं एक HTML 3.2-शैली 'कैच-अप' मानक और कई अलग-अलग एक्सटेंशन विनिर्देशों को पसंद करता। लेकिन अब इसके बारे में कुछ भी नहीं किया जा सकता है।

एचटीएमएल 5 भी है:

  • समाप्त नहीं। विशिष्टता मानक होने से पहले विनिर्देश भारी, जटिल, अधूरा है, और विवरण (या उससे अधिक) में बदलने की संभावना है। कोई भी नहीं कह सकता कि वे अभी तक 'HTML5 का समर्थन करते हैं', क्योंकि कोई भी अभी तक नहीं जानता कि 'HTML5' वास्तव में क्या होगा।

व्यावहारिक रूप से: HTML5 के कुछ हिस्सों में लंबे समय से उपयोग किया जा रहा है। ऐसे कुछ भाग हैं जिन्हें आप आधुनिक ब्राउज़र पर सुरक्षित रूप से उपयोग कर सकते हैं। ऐसे कुछ भाग हैं जिन्हें आप IE के अलावा नए ब्राउज़र पर उपयोग कर सकते हैं। ऐसे कई भाग हैं जिनका आप फॉलबैक वर्कअराउंड या 'सुंदर गिरावट' के साथ उपयोग कर सकते हैं। ऐसे कुछ भाग हैं जिनका आप कभी भी उपयोग नहीं कर पाएंगे। अभी के लिए आपको प्रत्येक को अलग से सीखना होगा, क्योंकि ऐसा ब्राउज़र नहीं होगा जो कई वर्षों से HTML5 में बिल्कुल सब कुछ का समर्थन करता हो। अगर कभी। जब आप साथ जाते हैं तो अतिरिक्त सुविधाओं को धीरे-धीरे जोड़ें और वे ब्राउज़र के अधिकतर हिस्से द्वारा समर्थित हैं; वहां कोई 'बड़ा धमाका' नहीं होगा जहां हर कोई एक बार में अपने ब्राउज़र को अपडेट करता है।

data- गुणों के लिए, ठीक है, हाँ, आप उन्हें उपयोग करने से दूर हो सकते हैं, जिसमें अधिकांश ब्राउज़रों ने हमेशा किसी भी पुराने गुण को किसी भी तरह से जाने की अनुमति दी है। यह कई HTML5 एक्सटेंशन के विशिष्ट है, ब्राउज़र को इसे काम करने के लिए स्पष्ट रूप से 'समर्थन' करने की आवश्यकता नहीं है।

लेकिन चूंकि डेटा (कक्षाएं, टिप्पणियां, स्क्रिप्ट ब्लॉक इत्यादि) पास करने के अन्य तरीके हैं, इसलिए मुझे पूरी तरह से विश्वास नहीं है कि यह छोड़ने योग्य है (सार्वभौमिक रूप से समर्थित, एक निश्चित मानक के खिलाफ मान्य करने योग्य) HTML4/XHTML1 पृष्ठों के लिए वह अभी तक एक सुविधा है।

10

आप diveintohtml5.ep.io और modernizr.com देख सकते हैं।

Modernizr एक छोटे और सरल JavaScript लाइब्रेरी आप वेब प्रौद्योगिकियों (CSS3, एचटीएमएल 5) उभरते जबकि अभी भी पुराने ब्राउज़र है कि अभी तक इन नई प्रौद्योगिकियों समर्थन नहीं कर सकते पर नियंत्रण का एक अच्छा स्तर को बनाए रखने का लाभ लेने में मदद करता है। http://a.deveria.com/caniuse/

जैसा कि आप देख सकते हैं, वहाँ ब्राउज़रों कि H5 सुविधाओं से काफी कुछ समर्थन की एक बहुत कुछ कर रहे हैं:


यहाँ एचटीएमएल सुविधा का समर्थन का एक इंटरएक्टिव चार्ट है।

+0

+1 पर प्रतिबिंबित है, मैं सोच रहा था कि:) सत्यापन के लिए धन्यवाद –

0

मेरा उत्तर शायद वह नहीं हो सकता है जिसे आप चाहें लेकिन मैं कहूंगा - नहीं। अभी तक एचटीएमएल 5 का प्रयोग न करें।

+0

के लिए http://diveintohtml5.ep.io –

+0

एचटीएमएल 5 का अंतिम "व्यावहारिक" फीचर सेट बड़े पैमाने पर इंटरनेट एक्सप्लोरर 9 का समर्थन करता है। बदले में यह निर्भर करेगा कि कितनी साइटें * पहले से ही HTML5 पर ले जा चुकी हैं (उदाहरण के लिए, यदि सभी लोकप्रिय साइटें एच 5 वीडियो का समर्थन करती हैं, तो IE9 को भी इसका समर्थन करना होगा)। तो, जितनी जल्दी हो सके एचटीएमएल 5 कर रहे हैं, लंबी दौड़ में बेहतर। http://wiki.whatwg.org/wiki/What_you_can_do। – Seth

+2

यदि आप सीएसएस को अंतिम रूप देने तक प्रतीक्षा करना चाहते थे तो आप 2 साल पहले इसका उपयोग शुरू नहीं कर पाएंगे। एचटीएमएल 5 अंतिम पूर्ण कार्यान्वयन होने तक अंतिम नहीं होगा। और आईई के लिए इंतजार करना मतलब है कि आप कभी भी एचटीएमएल 5 लागू नहीं देख सकते हैं। तो, एचटीएमएल 5 आधुनिक ब्राउज़र समर्थन के हिस्सों का उपयोग करें और आईई को शानदार ढंग से अपनाने दें। हम में से जो लोग ठीक से मिल रहे हैं। अन्यथा, 10 और वर्षों के लिए रास्ता से बाहर निकलें। – Rob

5

आप jQuery, अंतर के बारे में चिंतित उपयोग कर रहे हैं, और केवल कारण है कि आप एचटीएमएल 5 की जांच कर रहे data-* विशेषता सेट का उपयोग करने के लिए है, तो मैं एक बेहतर-समर्थित डॉक पर वापस जाने और jQuery के $().data() विधि का उपयोग करने पर विचार करेंगे, जो आपको data- विशेषता सेट के समान डेटा के मनमाने ढंग से टुकड़ों को बाध्य करने की अनुमति देता है।

उदाहरण:

<button id="set">Click me!</button> 

$('button#set').click(function(){ 
    if($(this).data('name')){ 
     alert('Clickin\' again so soon, ' + $(this).data('name') + '?'); 
    }else{ 
     $(this).data('name', prompt('Hey good lookin\', what\'s your name?', '')); 
    } 
}); 

Try it out!

+0

यह डेटा के साथ तुलना या एकीकृत कैसे करता है? –

+0

यह HTML के बजाए जावास्क्रिप्ट का उपयोग करके, डेटा के रूप में मोटे तौर पर एक ही अंत को पूरा करता है। डेमो में, आप देखेंगे कि प्रॉम्प्ट() के परिणाम $ ('बटन # सेट') के रूप में संग्रहीत किए जाते हैं। डेटा ('नाम')। यह मोटे तौर पर <बटन आईडी = "सेट" डेटा-नाम = "viatropos" के बराबर है> मुझे क्लिक करें! –

+2

यह वास्तव में डेटा विशेषताओं का उपयोग करता है जहां कहीं भी उपलब्ध है, जहां तक ​​मुझे पता है। – Kzqai

0

Protovis का उपयोग करें। यह जावास्क्रिप्ट और एचएमटीएल 5 का उपयोग करता है। यहां कोई फ़्लैश नहीं है। अधिक महत्वपूर्ण, प्रोटोविस में बीएसडी लाइसेंस है। तो आप इसे वाणिज्यिक परियोजनाओं में उपयोग कर सकते हैं। हालांकि D3 एक नई परियोजना है जो प्रोटोविस के लेखक काम कर रहे हैं।

0

हालांकि यह एक पुराना (आईएसएच) प्रश्न है, ब्राउज़र समर्थन का विषय हमेशा प्रासंगिक होगा। इसके पास पहुंचने का कोई सही तरीका या गलत तरीका नहीं है, लेकिन कई ब्राउज़र फीचर सपोर्ट टेबलों में से एक को देखें जो आपको दिखाता है कि उपयोगकर्ताओं का प्रतिशत किस निश्चित फीचर को देखेगा और फिर क्रूर होगा।

सभी को खुश करने की कोशिश न करें। लूडाइट के कुछ प्रतिशत को पकड़ने के लिए खुद को मत मारो जो अभी भी आई 7 का उपयोग कर रहे हैं। अगले वर्ष, आईई 8 के लिए विकल्प। निजी तौर पर, उन लोगों को खानपान करने के बजाय आगे सोचने के तरीकों पर उस समय बिताने के लिए मुझे 8% खोने में खुशी होगी जो अपग्रेड नहीं जानते हैं।

शायद आपकी साइट लोगों को अपग्रेड करने का कारण बन जाएगी। ये लोग अंततः दौर में आ जाएंगे।

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