HTML 代码不工作，浏览器字面上显示 html 代码答案

【问题标题】：HTML code not working and browser literally displaying the html codeHTML 代码不工作，浏览器字面上显示 html 代码
【发布时间】：2021-11-26 13:34:46
【问题描述】：

于是我下载了 Microsoft Expression Web 4 并在编辑器中引入了这段代码：

<!doctype html><html dir="ltr" lang="en"><head><meta charset="utf-8"><title>New Tab</title><style>body {background: #FFFFFF;margin: 0;}
#backgroundImage {border: none;height: 100%;pointer-events: none;position: fixed;top: 0;visibility: hidden;width: 100%;}
[show-background-image] #backgroundImage {visibility: visible;}</style></head><body><iframe id="backgroundImage" src=""></iframe><ntp-app></ntp-app><script type="module" src="new_tab_page.js"></script><link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"><link rel="stylesheet" href="shared_vars.css"></body></html>

带有所有缩进，但是当我在 Microsoft Edge 中预览它时，它实际上会显示此代码，而不是应该由它生成的网页。怎么了？我从谷歌页面的源代码中复制粘贴了这段代码。提前感谢您的帮助！

【问题讨论】：

它是 HTML 文件吗？它保存为什么？
我能问一下你为什么使用那个旧编辑器吗？
是的，它保存为 .html
那我应该用什么编辑器？

标签： html error-handling

【解决方案1】：

这是因为正如您所说，您将它放在编辑器中，并且默认情况下设计选项卡处于活动状态。在这个产品中，它们提供了所见即所得的功能，因此您在编辑器中看到的是它在浏览器中的显示方式。选择底部的代码选项卡，然后粘贴 HTML 代码。

【讨论】：