Hatalı değer X-UA-Meta öğesindeki http-equiv özelliği için uyumlu

Ben metaHTML5 Boilerplate'in kullandığı aynısını kullandım ve W3C HTML doğrulayıcı şikayet ediyor:

Hatalı değer X-UA-meta öğesindeki http-equiv özelliği için uyumlu.

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

Bu metaetiketin nesi var ?

Ya X-UA-Uyumlu "standart" HTML değildir (belirtim tarafından referans verilen herkese açık olarak düzenlenebilir bir wiki sayfasında görünmeyi içeren FSVO "standardı" ) veya Doğrulayıcı o wikinin mevcut durumu ile güncel değil.

Yazma sırasında (20130326) X-UA-Compatible, wiki sayfasında şu ifadelerin bulunduğu bir bölümün altında görünür: "Aşağıdaki önerilen uzantılar henüz HTML spesifikasyonundaki tüm kayıt gereksinimlerine uymuyor ve bu nedenle henüz geçerli olmalarına izin verilmiyor belgeler." Yani doğrulayıcı bu değeri reddetmekte haklıdır.

Herhangi bir işlevi etkilemeden teknik olarak geçerli kılmak istiyorsanız (herkes yeşil favicon'u görmeyi seviyor), bunu bir "if IE" etiketine sarmalamanız gerekir.

<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->

Olası bir çözüm, Aaron Layton'ın bu güzel yazısında önerildiği gibi, başlıkta bir düzeltme sunucu tarafı uygulamaktır . (Tüm övgü ona gitmeli ve intihal yerine başka sözcüklerle açıklayacağım ...)

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

"Internet Explorer bu çizgiyle karşılaştığında, kullanılan motoru, eklenti yüklüyse önce Chrome Frame'e ve ardından Edge'e (tarayıcının desteklenen en yüksek belge modu) değiştirecektir."

Adımlar :

• Sayfa doğrulamasını düzeltin - Bu, yalnızca etiketi kaldırarak elde edilir
• Oluşturma hızı - Tarayıcının etiketi görmesini ve ardından modları değiştirmesini beklemek yerine doğru modu yanıt başlığı olarak önceden göndereceğiz
• Yalnızca Internet Explorer için düzeltmeyi gösterdiğimizden emin olun - Yalnızca bazı sunucu tarafı tarayıcı algılamalarını kullanacağız ve yalnızca IE'ye göndereceğiz

Başlığı PHP'ye eklemek için bunu sayfamıza ekleyebiliriz:

if (isset($_SERVER['HTTP_USER_AGENT']) &&
    (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false))
        header('X-UA-Compatible: IE=edge,chrome=1');

Ya da .htaccess dosyanıza şu şekilde ekleyebilirsiniz:

<FilesMatch "\.(htm|html|php)$">
    <IfModule mod_headers.c>
        BrowserMatch MSIE ie
        Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
    </IfModule>
</FilesMatch>

Orijinal makaleye bağlantı, olası uyarılar için yorumları kontrol edin. Ayrıca C # için bir uygulama içerir.

Kötü değeri sabitleyin X-UA-Uyumlu

Bu yardımcı olur umarım!

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

Olası bir düzeltme için bu makaleye bakın

.. bu iyi bir cevap olabilir mi?

PHP ile HTTP Başlığını Ayarlayın:

• http://www.joshuawinn.com/fix-html5-validator-error-bad-value-x-ua-compatible-for-attribute-http-equiv-on-element-meta/

Bu benim işim değil ama umarım başkaları için de yararlıdır.

Doğrulayıcı src kodunu indirir / oluşturursanız, kendiniz destek ekleyebilirsiniz.

Aşağıdakileri gibi bir dosyaya ekleyin html5-meta-X-UA-Compatible.rncDaha sonra ekleyin html5full.rnc.

Bunu yaptım ve doğrulama için güzel çalışıyor.

meta.http-equiv.X-UA-Compatible.elem =
  element meta { meta.inner & meta.http-equiv.X-UA-Compatible.attrs }
  meta.http-equiv.X-UA-Compatible.attrs =
    ( common.attrs.basic
      & common.attrs.i18n
      & common.attrs.present
      & common.attrs.other
      & meta.http-equiv.attrs.http-equiv.X-UA-Compatible
      & meta.http-equiv.attrs.content.X-UA-Compatible
      & ( common.attrs.aria.role.presentation
        | common.attrs.aria.role.menuitem
        )?
    )
    meta.http-equiv.attrs.http-equiv.X-UA-Compatible = attribute http-equiv {
      xsd:string {
        pattern = "X-UA-Compatible"
      }
    }
    meta.http-equiv.attrs.content.X-UA-Compatible = attribute content {
      xsd:string {
        pattern = "IE=((edge)|(EmulateIE(7|8|9|10))|7|8|9|10|11)(,chrome=(1|0))?"
      }
    }

common.elem.metadata |= meta.http-equiv.X-UA-Compatible.elem

Lütfen ,chrome=1meta etiketinden kaldırın , düzgün çalışacaktır. Doğrulayıcı ile:

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

Ben de aynı sorunu yaşadım ve bu çizginin tamamını eklemek ve çevrelemek durumu düzeltti.

<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->