Microsoft Edge 显示无效的 HTML5 DOCTYPE答案

【问题标题】：Microsoft Edge shows Invalid HTML5 DOCTYPEMicrosoft Edge 显示无效的 HTML5 DOCTYPE
【发布时间】：2020-02-22 00:21:23
【问题描述】：

我的项目 Intranet 网站没有在 Microsoft Edge 中显示某些页面，它在 IE7 中运行良好，当我在使用 F12 控制台进行测试时，它在控制台中显示以下错误

无效的 HTML5 DOCTYPE。考虑使用可互操作的形式“”。

HTML1114：来自（HTTP 标头）的代码页 iso-8859-1 覆盖来自（META 标记）的冲突代码页 utf-8

在我的页面中使用如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=7" />

在 DOCTYPE 和元标记中要改变什么？

【问题讨论】：

标签： internet-explorer microsoft-edge x-ua-compatible

【解决方案1】：

出现此错误是因为您在 Content-Type HTTP Header 和 tag 中都指定了编码，并且它们使用了不同的编码方法。

解决方法是修改 Content-Type HTTP Header 给一个 UTF-8 编码，或者将 meta 标签中的 page charset 改为 iso-8859-1（可能会引入其他问题）。

更多详情，请查看this thread和HTML charset Attribute。

【讨论】：