如何解决DOCTYPE引发的怪异模式问题及Visual Studio页面白屏故障？

在Visual Studio中输入"!"生成基础HTML代码，仅在body中添加内容"hiiiiiii"，却出现DOCTYPE相关错误。页面代码看似正常，但谷歌浏览器提示：

页面中存在一个或多个文档处于Quirks Mode（怪异模式），这会使受影响的文档以不符合当前HTML和CSS规范的怪异方式渲染。怪异模式主要因历史原因存在，若并非有意使用，可添加或修改DOCTYPE为以切换至No Quirks Mode（无怪异模式）

已尝试卸载重装微软商店版Visual Studio，改用Microsoft Edge打开正确的index.html文件，但页面仍显示白屏，添加的任何内容（甚至简单的<p>标签）都无法显示，请求帮助。

以下是页面代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>hiiiii</p>
</body>
</html>

相关截图：代码截图、谷歌提示截图

内容的提问来源于stack exchange，提问作者Gabriel Secundario