为什么我的 HTML 文件没有显示在浏览器上？答案

【问题标题】：Why is my HTML file not displaying to the browser?为什么我的 HTML 文件没有显示在浏览器上？
【发布时间】：2020-11-15 21:10:56
【问题描述】：

我正在学习如何使用文本编辑器，并且我刚刚用它创建了我的第一个文件。它以正确的输出预览，但是当我在浏览器中运行它时，它给了我一个空白页。

如您所见，doctype 和 html 标签以及 head 和 body 都已到位。我使用 Visual Studio Code 作为我的文本编辑器。为什么这不会在我的浏览器中显示任何内容？ 明确地说，它会预览，只是不会在浏览器中显示

<!DOCTYPE html>
<html>
<head>
  <title>Hello World</title>
</head>
<body>
  <h1>Hello World</h1>
</body>
</html>

【问题讨论】：

您是保存扩展名为 .html 的文件并使用浏览器打开它，还是试图让 VSC 显示它？如您所见，它显示在我为您制作的 sn-p 中
你是如何在浏览器中运行它的？你是手动输入网址吗？您是否使用 VS 代码打开浏览器并将 URL 发送给它？您是否在文件管理器中双击该文件？您从哪里加载 HTML 文档？网络服务器？本地文件？ VS Code 的实时服务器插件？您是否尝试过在浏览器中刷新页面？清除缓存？使用其他浏览器？
我在 VS Code 中将文件创建为 index.html，然后转到我的文件资源管理器并选择在 Google Chrome 中打开。我最初在 Fire Fox 中打开它，但该浏览器在我的计算机上无法很好地加载（我有一个 Windows 7）。我选择了 Google Chrome 作为我的默认设置，现在该文件在我的计算机上被分类为 Chrome HTML 文档。刷新页面是我尝试的第一件事。如果它改变了任何东西，浏览器会显示一个黑屏，我的所有书签/标签都在顶部。我知道这是一个简单的问题，但我对软件不熟悉，只是想寻求一点帮助。
如果这一切都不起作用，请在另一台计算机上尝试。

【解决方案1】：

如果有人仍在为此苦苦挣扎，请在打开文件之前尝试保存文件。这解决了我的问题。

【讨论】：

【解决方案2】：

它加载到 Fire Fox 上，只是由于某种原因没有加载到 Google Chrome 上。很抱歉浪费了大家的时间。正如我所说，我不熟悉 VS Code。感谢您的所有建议。

【讨论】：

【解决方案3】：

你确定吗？它确实显示在我的身上。文件是否保存为.html 文件？另外，尝试在另一个浏览器上打开它。如果这不起作用，请尝试在记事本或类似的东西中创建一个新文件，使用 .html 文件扩展名保存它，然后再次尝试打开它。

编辑：尝试使用记事本。检查文件是否使用 UTF-8 编码保存。如果这不起作用，请尝试安装其他浏览器或使用 Edge/Safari/Internet Explorer 或任何您拥有的内置浏览器。

【讨论】：

【解决方案4】：

在 Visual Studio 代码中只需输入一个空白页

html:5

然后只需按下触摸“标签”，它将显示一个基本的html 5结构开始

【讨论】：

【解决方案5】：

只需将第二行中的“<html>”删除，它已在第一行中设置

<!DOCTYPE html>
<head>
  <title>Hello World</title>
</head>
<body>
  <h1>Hello World</h1>
</body>
</html>

【讨论】：

那不会有任何区别。
HTML 5 Doctype 是一个在浏览器中触发标准模式的魔法字符串。 <html> 开始标记开始 HTML 元素。它们不是一回事。（过去，Doctype 声明中的html 会说明根元素的名称）。

【解决方案6】：

我也遇到了同样莫名其妙的问题。我退出 Chrome，重新打开，然后我可以用 Chrome 打开我的 .html 文件（从我的 Mac 的 Finder），就像我已经可以用 Safari 或其他浏览器打开它们一样。

【讨论】：

【解决方案7】：

!DOCTYPE html标签或html标签没有问题。

【讨论】：