2012-01-02 14 views
10

मैं सोच रहा था वहाँ एचटीएमएल 5 कोड इंटरनेट एक्सप्लोरर 7 या उससे कम में दृश्यमान बनाने के लिए एक रास्ता है या नहीं।आईई 7 में एचटीएमएल 5 का उपयोग कैसे करें?

उदाहरण

<div id="container"> 
    <header id="header"> 
     something 
    </header> 
</div> 

के लिए इंटरनेट एक्सप्लोरर 7 हेडर में बिल्कुल नहीं दिखाया गया है।

मैं एक समाधान here, एक आईई एचटीएमएल 5 को सक्षम करने स्क्रिप्ट, जो जावास्क्रिप्ट के साथ एचटीएमएल 5 तत्वों पाया। लेकिन क्या होता है कि <header> टैग अन्य ब्राउज़रों में बिल्कुल नहीं दिखता है।

तो मेरे सवाल है, यह बहुत जल्दी एचटीएमएल 5 अभी तक उपयोग करने के लिए है या मैं इसे पार ब्राउज़र काम कर रहा है कि कैसे कर सकते हैं?

+0

तथ्य यह है कि यह अन्य मो के रूप में IE में एक ही नहीं लगती है वैसे भी सभी मामलों में डर्न ब्राउज़र सच है। आईई में इसे समान बनाने के लिए चीजों को समायोजित करने के लिए सामान्य, रोजमर्रा की जिंदगी का एक हिस्सा है। – Rob

+0

कथन "हेडर बिल्कुल नहीं दिखाया गया है" सही नहीं है। आईई 7 टैग को अनदेखा करता है, सामग्री नहीं। तो सामग्री ("कुछ") दिखाया गया है, जैसे। सामग्री का * स्टाइल * एक अलग मुद्दा है। –

उत्तर

12

यह (वास्तव में) जावास्क्रिप्ट की अविश्वसनीय सा अपने एचटीएमएल 5 संगतता आवश्यकताओं की 100% को पूरा करना चाहिए:

इस के साथ

http://www.modernizr.com/

0

chromeframe का उपयोग करके देखें - http://code.google.com/chrome/chromeframe/

अपने आप से ही आप IE7 के साथ एचटीएमएल 5 का शांत नई सुविधाओं का अधिकाधिक उपयोग नहीं कर सकते। यह ब्राउज़र सादे और सरल में लागू नहीं किया गया है।

+1

धन्यवाद, लेकिन उपयोगकर्ताओं को मेरी वेबसाइट पर जाने पर इसे स्थापित करने की आवश्यकता है, है ना? मुझे नहीं लगता कि यह एक अच्छा विचार है, कोई भी ऐसा नहीं करेगा। – phpheini

2

प्रारंभ: http://html5boilerplate.com/। यह आपकी अधिकांश समस्याओं को हल करना चाहिए। यह बहुत अच्छा काम करता है।

5

आईई < 9 एचटीएमएल 5 तत्वों को नहीं पहचानता है और उन्हें प्राप्त नहीं होगी। इसलिए मैं पीढ़ी करने के लिए जे एस के इस बिट का उपयोग करें:

var e = ("abbr,article,aside,audio,canvas,datalist,details, 
figure,footer,header,hgroup,mark,menu,meter,nav,output, 
progress,section,time,video,figcaption,summary").split(','); 

for (var i = 0; i < e.length; i++){ 
    document.createElement(e[i]); 
} 

मैं इस सशर्त टिप्पणी का उपयोग जांच करने के लिए है कि क्या मैं स्क्रिप्ट

<!--[if lt IE 9]> 
    <script src="js/html5_createElement_for_IE.js"></script> 
<![endif]--> 
बेशक

चलाने की आवश्यकता है, तो आप टैग शैली की आवश्यकता होगी आईई < 9 के लिए, लेकिन आपको वैसे भी आवश्यकता होगी।

+0

उस सूची में 'मूर्तिकला' और 'सारांश' क्यों नहीं हैं? – Alohci

+0

वह एक निरीक्षण था, @Alohci। इस पर ध्यान दिलाने के लिए धन्यवाद। मेरा जवाब संपादित किया (और मेरी स्क्रिप्ट!)। –

+0

मॉडर्निज़र और Google शिव समेत ऐसा करने के लिए कई पुस्तकालय हैं, लेकिन अनिवार्य रूप से यह हुड के नीचे चल रहा है। – superluminary

0

मैं जांचता हूं कि अनुरोध करने वाला क्लाइंट एप्लिकेशन/xhtml + xml माइम प्रकार का समर्थन करता है (यह अनुरोध स्वीकार करने वाले हेडर का हिस्सा है)।

यदि ऐसा नहीं है, तो मैं ग्राहक div नोड्स का उपयोग कर पृष्ठ का एक संस्करण सबसे html5 अर्थ नोड्स के स्थान पर भेजा जाता है।

6

वहाँ 2 महत्वपूर्ण बातें एचटीएमएल 5 उपयोग करने से पहले विचार करने के लिए कर रहे हैं;

  1. लक्षित दर्शक (अपने ब्राउज़र विकल्प के साथ)
  2. अपनी साइट पर
  3. एचटीएमएल 5 उपयोगी सुविधाओं।

आप सुनिश्चित करें कि आपके उपयोगकर्ताओं का एक बहुत IE8 पर और नीचे कर रहे हैं, तो आप लगभग पूरी तरह से एचटीएमएल 5 का उपयोग कर से बचना चाहिए।

तो जब आप कहते हैं कि "अभी तक HTML5 का उपयोग करना बहुत जल्दी है", तो जवाब यह आपके उपयोगकर्ता आधार पर निर्भर करता है। आईई केवल संस्करण 9 और ऊपर से एचटीएमएल 5 के लिए अच्छा समर्थन है ..

कोई तरीका नहीं है जिससे आप आईई 7/8 पर काम करने के लिए एचटीएमएल 5 उन्नत सुविधाएं बना सकते हैं ... HTML5.js जिसे आपने संदर्भित किया है, केवल आपके सीएसएस को किसी भी HTML5 तत्वों को "अनदेखा नहीं" करने और स्टाइल लागू करने के लिए बनाता है .. यह कुछ भी है कि तुलना में आगे नहीं करता है ..

सभी प्रमुख ब्राउज़र समर्थन और स्कोर के लिए, आप देख सकते हैं html5test.com

इसके अलावा, आप भी बाहर की जाँच कर सकते हैं एक बहुत ही अच्छी तरह से ट्यूटोरियल में विस्तार से बताया एचटीएमएल 5 के रूप में बुलाया पर http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8

पर उपलब्ध DesignMobileWeb कृपया याद रखें कि मैं एफ आप एचटीएमएल 5 का उपयोग कर एक मूल साइट होने जा रहे हैं, से बचा जाना चाहिए। आप एचटीएमएल 5 पर विचार करना चाहिए केवल यदि आप स्थानीय संग्रह, मोबाइल उपकरणों के लिए ऑफ़लाइन पहुंच और एचटीएमएल 5 फार्म, आदि

1

आईई संस्करण < 9 तत्वों है कि वे पहचान नहीं पा रहे प्रस्तुत करना नहीं होगा, इसलिए नए एचटीएमएल 5 तत्वों, शीर्ष लेख का उपयोग करने की योजना , आदि सूची से बाहर हैं। अन्य ब्राउज़रों अपरिचित तत्व प्रस्तुत करते हैं, लेकिन स्टाइल के बिना।

इसके आसपास का तरीका आईई को नए तत्वों को सीधे "जावास्क्रिप्ट का उपयोग करके डीओएम में स्क्वायर करके" दिखाएं। आपको केवल प्रत्येक पृष्ठ दृश्य पर इसे एक बार करना होगा।

दो मानक यह करने के लिए तरीके हैं:

Modernizr भी अन्य बातों सुविधा का पता लगाने के साथ क्या करना की एक पूरी गुच्छा करता है ।

0

यह बहुत पुरानी है ... अरे ... लेकिन मुझे लगता है कि यह किसी की मदद कर सकता है, हालांकि

मैं इस मेटा

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

इस्तेमाल किया और किसी भी अधिक स्क्रिप्ट के उपयोग के बिना सब कुछ तय हो गई। ..

इसे यहाँ मिल गया: http://www.validatethis.co.uk/news/fix-bad-value-x-ua-compatible-once-and-for-all/

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