Nieprawidłowa wartość Zgodność z X-UA dla atrybutu http-equiv w meta elementu

Użyłem tego samego, metaktórego używa Boilerplate HTML5, a walidator HTML W3C narzeka:

Nieprawidłowa wartość Zgodność z X-UA dla atrybutu http-equiv w meta elementu.

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

Co jest nie tak z tym metatagiem?

Albo X-UA-Compatible nie jest „standardowym” HTMLem („standard” FSVO, który obejmuje wyświetlanie na publicznie edytowalnej stronie wiki, do której odwołuje się specyfikacja), albo Validator nie jest na bieżąco z aktualnym stanem tej wiki.

W chwili pisania tego tekstu (20130326) X-UA-Compatible pojawia się na stronie wiki w sekcji, która stwierdza: „Następujące proponowane rozszerzenia nie są jeszcze zgodne ze wszystkimi wymogami rejestracyjnymi w specyfikacji HTML i dlatego nie są jeszcze dozwolone dokumenty. ” Więc walidator ma rację, odrzucając tę ​​wartość.

Jeśli chcesz, aby była poprawna pod względem technicznym (każdy lubi widzieć zieloną ikonę ulubionych) bez wpływu na jakąkolwiek funkcjonalność, powinieneś być w stanie po prostu umieścić ją w tagu „if IE”.

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

Jednym z możliwych rozwiązań jest wprowadzenie poprawek po stronie serwera w nagłówku, jak zasugerowano w ten miły write-up przez Aaron Layton. (Cała zasługa należy mu się, a ja sparafrazuję, a nie plagiatuję ...)

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

„Gdy Internet Explorer napotka tę linię, zmieni silnik, który jest używany najpierw w Chrome Frame, jeśli wtyczka jest zainstalowana, a następnie na Edge (najwyższy obsługiwany tryb dokumentu w przeglądarce)”.

Kroki :

• Napraw weryfikację strony - uzyskuje się to po prostu usuwając tag
• Szybkość renderowania - zamiast czekać, aż przeglądarka zobaczy tag, a następnie zmienić tryby, wyślemy odpowiedni tryb z góry jako nagłówek odpowiedzi
• Upewnij się, że pokazujemy tylko poprawkę dla Internet Explorera - po prostu użyjemy wykrywania przeglądarki po stronie serwera i wyślemy ją tylko do IE

Aby dodać nagłówek w PHP, możemy po prostu dodać to do naszej strony:

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

Lub możesz dodać go do swojego pliku .htaccess w następujący sposób:

<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 do oryginalnego artykułu, sprawdź komentarze pod kątem ewentualnych zastrzeżeń. Zawiera również implementację dla języka C #.

Napraw raz na zawsze złą wartość Zgodność z X-UA

Mam nadzieję że to pomoże!

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

Zobacz ten artykuł, aby znaleźć możliwe rozwiązanie

.. czy to może być dobra odpowiedź?

Ustaw nagłówek HTTP w PHP:

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

To nie jest moja własna praca, ale mam nadzieję, że przyda się też innym.

Jeśli pobierzesz / zbudujesz kod źródłowy walidatora, możesz samodzielnie dodać wsparcie.

Dodaj następujące elementy do pliku, na przykład html5-meta-X-UA-Compatible.rnc), a następnie uwzględnij go whtml5full.rnc .

Zrobiłem to i działa to dobrze w przypadku walidacji.

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

Usuń ,chrome=1z metatagu, będzie działać poprawnie. Z walidatorem:

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

Miałem ten sam problem i dodawanie i otaczanie całej linii rozwiązało sytuację.

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