8

मैं html5reset.org पर उत्कृष्ट एचटीएमएल 5 रीसेट टेम्पलेट का उपयोग कर रहा हूँ और मेरी एक्स-UA- संगत मेटा टैग काम करने के लिए प्रतीत नहीं होता काम नहीं करता।एचटीएमएल 5 रीसेट (html5reset.org) - एक्स-UA- संगत

<!DOCTYPE html> 

<!--[if lt IE 7 ]> <html class="ie ieNoHtml5 ie6 no-js" lang="en"> <![endif]--> 
<!--[if IE 7 ]> <html class="ie ieNoHtml5 ie7 no-js" lang="en"> <![endif]--> 
<!--[if IE 8 ]> <html class="ie ieNoHtml5 ie8 no-js" lang="en"> <![endif]--> 
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]--> 
<!-- the "no-js" class is for Modernizr. --> 

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


    <title>Title of Page</title> 

IE में अनुकूलता दृश्य मोड का उपयोग करें विकल्प (URL फ़ील्ड में टूट पेज आइकन) प्रदर्शित किया जाता है: यहाँ की तरह क्या मेरी हैडर दिखता है। समस्या यह है कि मेरे कुछ ग्राहकों ने अपने आईई 9 ब्राउज़र को 'हमेशा उपयोग संगतता दृश्य' मोड में सेट किया है, नतीजा यह है कि वेबसाइट आईई 7 की तरह दिखती है, भले ही वे आईई 9 का उपयोग कर रहे हों, और एक्स-यूए-संगत इस पर ओवरराइड करने का अनुमान है ।

अब अगर मैं अजीब हैडर सामान निकालने के लिए:

<!DOCTYPE html> 
<html class="no-js" lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 

... यह अचानक काम कर ठीक शुरू होता है।

मैंने देखा है कि html5reset.org खुद टूटा हुआ पृष्ठ आइकन प्रदर्शित करता प्रतीत होता है, इसलिए यह काम नहीं करता है, लेकिन html5boilerplate.com काम करता है, और ऐसा ही लगता है।

वेबसर्वर config के माध्यम से प्रतिक्रिया हेडर में एक्स-UA- संगत जोड़ा जा रहा है इसे ठीक करने लगता है, लेकिन मैं नहीं बल्कि इस दृष्टिकोण पर भरोसा नहीं था।


अद्यतन: ऐसा नहीं है कि html5boilerplate.com सिर्फ HTTP प्रतिक्रिया हेडर में एक्स-UA- संगत भेज रहा है अगर यह पता लगाता है कि ब्राउज़र आईई है लगता है। यह जाने का रास्ता लगता है।

उत्तर

3

एचटीएमएल 5 बॉयलरप्लेट वेबसर्वर कॉन्फ़िगरेशन की सिफारिश करता है। यह तेज़ है और कुछ किनारे के मामलों को हल करता है कि मार्कअप समाधान के साथ काम नहीं करता है: https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/doc/html.md#x-ua-compatible