Ungültiger Wert X-UA-Kompatibel für das Attribut http-equiv für Element-Meta

Ich habe dasselbe verwendet meta, das HTML5 Boilerplate verwendet, und der W3C-HTML-Validator beschwert sich:

Ungültiger Wert X-UA-Kompatibel für das Attribut http-equiv für Element-Meta.

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

Was ist los mit diesem metaTag?

Entweder ist X-UA-kompatibel kein "Standard" -HML (FSVO "-Standard", bei dem auf einer öffentlich bearbeitbaren Wiki-Seite angezeigt wird, auf die in der Spezifikation verwiesen wird), oder der Validator ist mit dem aktuellen Status dieses Wikis nicht auf dem neuesten Stand.

Zum Zeitpunkt des Schreibens (20130326) wird X-UA-kompatibel auf der Wiki-Seite in einem Abschnitt angezeigt, in dem Folgendes angegeben ist: "Die folgenden vorgeschlagenen Erweiterungen entsprechen noch nicht allen Registrierungsanforderungen in der HTML-Spezifikation und sind daher noch nicht gültig Unterlagen." Der Validator ist also korrekt, diesen Wert abzulehnen.

Wenn Sie es technisch gültig machen möchten (jeder mag es, das grüne Favicon zu sehen), ohne eine Funktionalität zu beeinträchtigen, sollten Sie es einfach in ein "if IE" -Tag einschließen können.

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

Eine mögliche Lösung besteht darin, eine fixe serverseitige Version im Header zu implementieren, wie in dieser netten Beschreibung von Aaron Layton vorgeschlagen. (Alle Ehre sollte ihm gelten, und ich werde es eher umschreiben als plagiieren ...)

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

"Wenn Internet Explorer auf diese Zeile stößt, ändert sich die Engine, die zuerst für Chrome Frame verwendet wird, wenn das Plugin installiert ist, und dann für Edge (den am höchsten unterstützten Dokumentmodus des Browsers)."

Schritte :

• Korrektur der Seitenüberprüfung - Dies wird durch einfaches Entfernen des Tags erreicht
• Rendergeschwindigkeit - Anstatt darauf zu warten, dass der Browser das Tag sieht und dann den Modus ändert, senden wir den richtigen Modus im Voraus als Antwortheader
• Stellen Sie sicher, dass nur das Update für Internet Explorer angezeigt wird. Wir verwenden nur eine serverseitige Browsererkennung und senden sie nur an den Internet Explorer

Um den Header in PHP hinzuzufügen, können wir diesen einfach zu unserer Seite hinzufügen:

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

Oder Sie können es wie folgt zu Ihrer .htaccess-Datei hinzufügen:

<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 zum Originalartikel, überprüfen Sie die Kommentare auf mögliche Einschränkungen. Enthält auch eine Implementierung für C #.

Fix Schlechter Wert X-UA-kompatibel ein für alle Mal

Hoffe das hilft!

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

In diesem Artikel finden Sie eine mögliche Lösung

.. kann das eine gute Antwort sein?

HTTP-Header mit PHP einstellen:

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

Dies ist nicht meine eigene Arbeit, aber ich hoffe, dass sie auch für andere nützlich ist.

Wenn Sie den Validator-Quellcode herunterladen / erstellen, können Sie selbst Unterstützung hinzufügen.

Fügen Sie einer Datei Folgendes hinzu, z. B. html5-meta-X-UA-Compatible.rnc) Fügen Sie es dann in ein html5full.rnc.

Ich habe das gemacht und es funktioniert gut für die Validierung.

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

Bitte entfernen Sie ,chrome=1aus dem Meta-Tag, es wird gut funktionieren. Mit Validator:

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

Ich hatte das gleiche Problem und das Hinzufügen und Umgeben dieser gesamten Linie behebt die Situation.

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