Valore non valido X-UA-Compatible per l'attributo http-equiv sul meta dell'elemento

Ho usato lo stesso metache utilizza HTML5 Boilerplate e il validatore HTML W3C si lamenta:

Valore non valido X-UA-Compatible per l'attributo http-equiv sul meta dell'elemento.

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

Cosa c'è di sbagliato in questo metatag?

O X-UA-Compatible non è HTML "standard" ("standard" USAV che implica l'apparizione su una pagina wiki modificabile pubblicamente a cui fa riferimento la specifica) o il Validator non è aggiornato con lo stato corrente di quel wiki.

Al momento della stesura di (20130326) X-UA-Compatible appare sulla pagina wiki sotto una sezione che afferma: "Le seguenti estensioni proposte non sono ancora conformi a tutti i requisiti di registrazione nelle specifiche HTML e pertanto non sono ancora consentite come valide documenti." Quindi il validatore ha ragione nel rifiutare questo valore.

Se stai cercando di renderlo tecnicamente valido (tutti amano vedere la favicon verde) senza effettuare alcuna funzionalità, dovresti essere in grado di racchiuderlo semplicemente in un tag "if IE".

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

Una possibile soluzione è implementare una correzione lato server nell'intestazione, come suggerito in questo bel articolo di Aaron Layton. (Tutto il merito dovrebbe andare a lui, e io parafraserò piuttosto che plagiare ...)

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

"Quando Internet Explorer incontra questa linea, cambierà il motore utilizzato prima in Chrome Frame, se il plug-in è installato, e poi in Edge (la modalità documento più alta supportata del browser)."

Passaggi :

• Correggi la convalida della pagina: ciò si ottiene semplicemente rimuovendo il tag
• Velocità di rendering: invece di attendere che il browser veda il tag e quindi cambi modalità, invieremo la modalità corretta in anticipo come intestazione di risposta
• Assicurati di mostrare solo la correzione per Internet Explorer: utilizzeremo solo un rilevamento del browser lato server e lo invieremo solo a IE

Per aggiungere l'intestazione in PHP possiamo semplicemente aggiungerla alla nostra pagina:

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

Oppure puoi aggiungerlo al tuo file .htaccess in questo modo:

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

Link all'articolo originale, controlla i commenti per eventuali avvertimenti. Include anche un'implementazione per C #.

Risolto il problema con X-UA-Compatible una volta per tutte

Spero che questo ti aiuti!

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

Consulta questo articolo per una possibile soluzione

.. può essere una buona risposta?

Imposta intestazione HTTP con PHP:

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

Questo non è il mio lavoro ma spero che sia utile anche agli altri.

Se scarichi / crei il codice src del validatore, puoi aggiungere il supporto da solo.

Aggiungi quanto segue a un file come html5-meta-X-UA-Compatible.rnc) Quindi includilo in html5full.rnc.

L'ho fatto e funziona bene per la convalida.

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

Rimuovilo ,chrome=1dal meta tag, funzionerà correttamente. Con validatore:

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

Ho avuto lo stesso problema e l'aggiunta di e per circondare l'intera linea ha risolto la situazione.

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