Mauvaise valeur Compatible X-UA pour l'attribut http-equiv sur l'élément meta

J'ai utilisé le même metaque celui utilisé par HTML5 Boilerplate, et le validateur HTML du W3C se plaint:

Mauvaise valeur Compatible X-UA pour l'attribut http-equiv sur l'élément meta.

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

Quel est le problème avec cette metabalise?

Soit X-UA-Compatible n'est pas du HTML «standard» («standard» de l'OSAV qui consiste à apparaître sur une page wiki publiquement éditable référencée par la spécification) ou le validateur n'est pas à jour avec le statut actuel de ce wiki.

Au moment de la rédaction de cet article (20130326) X-UA-Compatible apparaît sur la page wiki sous une section qui stipule: "Les extensions proposées suivantes ne sont pas encore conformes à toutes les exigences d'enregistrement dans les spécifications HTML et ne sont donc pas encore autorisées en cours de validité documents. " Le validateur a donc raison de rejeter cette valeur.

Si vous cherchez à le rendre techniquement valide (tout le monde aime voir le favicon vert) sans effectuer aucune fonctionnalité, vous devriez pouvoir simplement l'envelopper dans une balise "if IE".

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

Une solution possible est d'implémenter un correctif côté serveur dans l'en-tête, comme suggéré dans cette belle rédaction d'Aaron Layton. (Tout le mérite devrait lui revenir, et je paraphraserai plutôt que de plagier ...)

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

"Lorsque Internet Explorer rencontre cette ligne, le moteur qui est utilisé change d'abord Chrome Frame, si le plugin est installé, puis Edge (le mode de document le plus pris en charge par le navigateur)."

Étapes :

• Correction de la validation de la page - Ceci est réalisé en supprimant simplement la balise
• Vitesse de rendu - Au lieu d'attendre que le navigateur voie la balise, puis change de mode, nous enverrons le mode correct à l'avance comme en-tête de réponse
• Assurez-vous que nous affichons uniquement le correctif pour Internet Explorer - Nous allons simplement utiliser une détection de navigateur côté serveur et l'envoyer uniquement à IE

Pour ajouter l'en-tête en PHP, nous pouvons simplement ajouter ceci à notre page:

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

Ou vous pouvez l'ajouter à votre fichier .htaccess comme ceci:

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

Lien vers l'article original, vérifiez les commentaires pour d'éventuelles mises en garde. Inclut également une implémentation pour C #.

Correction de la mauvaise valeur compatible X-UA une fois pour toutes

J'espère que cela t'aides!

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

Consultez cet article pour une solution possible

.. cela peut-il être une bonne réponse?

Définissez l'en-tête HTTP avec PHP:

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

Ce n'est pas mon propre travail mais j'espère qu'il sera également utile à d'autres.

Si vous téléchargez / compilez le code src du validateur, vous pouvez ajouter le support vous-même.

Ajoutez ce qui suit à un fichier tel que html5-meta-X-UA-Compatible.rnc) Puis incluez-le danshtml5full.rnc .

J'ai fait cela et cela fonctionne bien pour valider.

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

Veuillez supprimer ,chrome=1de la balise meta cela fonctionnera très bien. Avec validateur:

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

J'ai eu le même problème et ajouter et entourer toute cette ligne a remédié à la situation.

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