HTML 代码无效，浏览器直接显示 html 代码

Question

所以我下载了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 中预览它时，它确实显示了这段代码，而不是它应该生成的网页。怎么了？我从 google 页面的源代码中直接复制粘贴了这段代码。在此先感谢您的帮助！！

Answer 1

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

HTML 代码无效，浏览器直接显示 html 代码

HTML code not working and browser literally displaying the html code

html

error-handling