Nilai buruk X-UA-Compatible untuk atribut http-equiv pada meta elemen

Saya telah menggunakan yang sama dengan yang digunakan metaBoilerplate HTML5, dan validator HTML W3C mengeluh:

Nilai buruk X-UA-Compatible untuk atribut http-equiv pada meta elemen.

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

Apa yang salah dengan metatag ini ?

Entah Kompatibel dengan X-UA bukan HTML "standar" (FSVO "standar" yang melibatkan kemunculan pada halaman wiki yang dapat diedit secara publik yang direferensikan oleh spesifikasi) atau Validator tidak up-to-date dengan status wiki tersebut saat ini.

Pada saat penulisan (20130326) X-UA-Compatible muncul di halaman wiki di bawah bagian yang menyatakan: "Ekstensi yang diusulkan berikut belum memenuhi semua persyaratan pendaftaran dalam spesifikasi HTML dan oleh karena itu belum diizinkan dalam valid dokumen. " Jadi validator benar untuk menolak nilai ini.

Jika Anda ingin membuatnya valid secara teknis (semua orang suka melihat favicon hijau) tanpa mempengaruhi fungsionalitas apa pun, Anda harus dapat membungkusnya dengan tag "jika IE".

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

Salah satu solusi yang mungkin adalah menerapkan perbaikan sisi server di tajuk, seperti yang disarankan dalam artikel bagus ini oleh Aaron Layton. (Semua pujian harus diberikan kepadanya, dan saya akan memparafrasekan daripada menjiplak ...)

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

"Saat Internet Explorer menemukan baris ini, itu akan mengubah mesin yang digunakan untuk Chrome Frame pertama, jika plugin dipasang, dan kemudian ke Edge (mode dokumen tertinggi yang didukung di browser)."

Langkah-langkahnya :

• Perbaiki validasi halaman - Ini dicapai hanya dengan menghapus tag
• Kecepatan rendering - Daripada menunggu browser melihat tag dan kemudian mengubah mode, kami akan mengirimkan mode yang benar di muka sebagai header respons
• Pastikan bahwa kami hanya menampilkan perbaikan untuk Internet Explorer - Kami hanya akan menggunakan beberapa deteksi browser sisi server dan hanya mengirimkannya ke IE

Untuk menambahkan header di PHP kita bisa menambahkan ini ke halaman kita:

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

Atau Anda dapat menambahkannya ke file .htaccess Anda seperti ini:

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

Tautan ke artikel asli, periksa komentar untuk kemungkinan peringatan. Juga mencakup implementasi untuk C #.

Perbaiki nilai Buruk X-UA-Compatible sekali dan untuk selamanya

Semoga ini membantu!

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

Lihat artikel ini untuk kemungkinan perbaikan

.. mungkin ini jawaban yang bagus?

Setel HTTP Header dengan PHP:

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

Ini bukan pekerjaan saya sendiri tapi saya harap ini berguna untuk orang lain juga.

Jika Anda mengunduh / membuat kode src validator, Anda dapat menambahkan dukungan sendiri.

Tambahkan berikut ini ke file seperti html5-meta-X-UA-Compatible.rnc) Kemudian sertakan dalamhtml5full.rnc .

Saya melakukan ini dan berfungsi dengan baik untuk memvalidasi.

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

Harap hapus ,chrome=1dari tag meta, ini akan berfungsi dengan baik. Dengan validator:

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

Saya memiliki masalah yang sama dan menambahkan dan mengelilingi seluruh baris memperbaiki situasinya.

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