Giá trị không hợp lệ X-UA-Tương thích với thuộc tính http-equiv trên meta phần tử

Tôi đã sử dụng cùng một metaHTML5 Boilerplate đang sử dụng và trình xác thực HTML W3C phàn nàn:

Giá trị không hợp lệ X-UA-Tương thích với thuộc tính http-equiv trên meta phần tử.

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

Có gì sai với metathẻ này ?

X-UA-Tương thích không phải là HTML "tiêu chuẩn" ("tiêu chuẩn" FSVO liên quan đến việc xuất hiện trên trang wiki có thể chỉnh sửa công khai được tham chiếu bởi thông số kỹ thuật) hoặc Trình xác thực không cập nhật trạng thái hiện tại của wiki đó.

Tại thời điểm viết bài (20130326) X-UA-Tương thích xuất hiện trên trang wiki trong phần có nội dung: "Các tiện ích mở rộng được đề xuất sau đây chưa tuân thủ tất cả các yêu cầu đăng ký trong thông số kỹ thuật HTML và do đó chưa được phép hợp lệ các tài liệu." Vì vậy, trình xác thực là chính xác để từ chối giá trị này.

Nếu bạn đang muốn làm cho nó hợp lệ về mặt kỹ thuật (mọi người đều thích nhìn thấy biểu tượng yêu thích màu xanh lá cây) có hiệu quả bất kỳ chức năng nào, bạn có thể chỉ cần bọc nó trong một thẻ "if IE".

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

Một giải pháp khả thi là thực hiện sửa lỗi phía máy chủ trong tiêu đề, như được đề xuất trong bài viết hay này của Aaron Layton. (Tất cả tín dụng sẽ thuộc về anh ấy, và tôi sẽ diễn giải thay vì đạo văn ...)

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

"Khi Internet Explorer đi qua dòng này, nó sẽ thay đổi công cụ đang được sử dụng cho Chrome Frame đầu tiên, nếu plugin được cài đặt, sau đó đến Edge (chế độ tài liệu được hỗ trợ cao nhất của trình duyệt)."

Các bước :

• Sửa lỗi xác thực trang - Điều này đạt được chỉ bằng cách xóa thẻ
• Tốc độ hiển thị - Thay vì đợi trình duyệt nhìn thấy thẻ và sau đó thay đổi chế độ, chúng tôi sẽ gửi trước chế độ chính xác dưới dạng tiêu đề phản hồi
• Đảm bảo rằng chúng tôi chỉ hiển thị bản sửa lỗi cho Internet Explorer - Chúng tôi sẽ chỉ sử dụng một số phát hiện trình duyệt phía máy chủ và chỉ gửi nó tới IE

Để thêm tiêu đề trong PHP, chúng tôi có thể thêm phần này vào trang của mình:

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

Hoặc bạn có thể thêm nó vào tệp .htaccess của mình như sau:

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

Liên kết đến bài viết gốc, kiểm tra các bình luận để biết những điều có thể xảy ra. Cũng bao gồm một triển khai cho C #.

Khắc phục giá trị xấu X-UA-Tương thích một lần và mãi mãi

Hi vọng điêu nay co ich!

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

Xem bài viết này để biết cách khắc phục

.. đây có thể là một câu trả lời tốt?

Đặt tiêu đề HTTP bằng PHP:

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

Đây không phải là công việc của riêng tôi nhưng tôi hy vọng nó cũng hữu ích cho những người khác.

Nếu bạn tải xuống / xây dựng mã src trình xác thực, bạn có thể tự thêm hỗ trợ.

Thêm phần sau vào tệp chẳng hạn như html5-meta-X-UA-Compatible.rnc) Sau đó đưa nó vào html5full.rnc.

Tôi đã làm điều này và nó hoạt động tốt để xác thực.

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

Vui lòng xóa ,chrome=1khỏi thẻ meta nó sẽ hoạt động tốt. Với trình xác thực:

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

Tôi đã gặp vấn đề tương tự và việc thêm và bao quanh toàn bộ dòng đó đã khắc phục được tình hình.

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