logo标签列表

浏览器中显示为纯文本的HTML代码

html
4

最近我在自学HTML，试图通过从头开始创建一个实际的HTML文件来测试我的新知识。

因为我使用的是Mac电脑，所以在阅读了许多在线指南后，我使用TextEdit来管理和编辑我的代码。

于是我编写了所有的代码。将其保存为name.html（确保文件确实是HTML而不是name.html.txt），然后在谷歌浏览器中启动它，但结果发现我的代码被解释为纯文本而非HTML。

这是为什么呢？我该如何使HTML被正确解释为HTML呢？

我尝试修改了一些代码，删除了一些空格，再次检查了所有内容，并尝试使用其他浏览器，但都没有成功......

So here's my code: 

<!DOCTYPE html>
<html>
  <head>
    <title>This is a test</title>
  </head>
  <body>
    <h1>This is a quick test</h1>
    <p>This website is made for personal use so I can try out my new knowledge on HTML5 and CSS.</p>
  </body>
</html>

当我在浏览器中启动此代码时，它显示为以下内容： （浏览器截图）
你是用浏览器而不是文本编辑器打开你的HTML文件吗？你的代码是正确的。那么其他地方出了问题。 - René Höhle
1
你确定它没有在文件末尾添加 .txt 扩展名，但是你在文件管理器中看不到吗？尝试在 Finder 中点击回车键重命名文件，并确保结尾/扩展名真正为 .html 而不是 .html.txt。 - Dan
3
看这里：https://dev59.com/nW3Xa4cB1Zd3GeqPe3eS#14439919 - larrylampco
你确定已将文件保存为纯文本吗？TextEdit 默认会应用格式。 - Dan
2
可能是浏览器在Mac中显示纯文本而非HTML的重复问题。 - Dan
2个回答
4

这是TextEdit的问题。用其他编辑器打开并重新保存文件，看看是否解决了问题。

你也可以编辑TextEdit使其能够处理HTML。你可以在这里学习如何做到：这里。

我建议使用括号，这样您可以实时预览您的代码。 - let_the_coding_begin
2

在Google Chrome中打开文件后，单击屏幕的任何位置，然后单击“查看页面源代码”。

您将看到文件在新选项卡中打开

其中URL在URL栏中以view-source:开头：

如果您看到一堆不是最初输入到文件中的内容，则Text编辑器可能将文件保存为某种rich text而不是纯文本，即使文件扩展名为.html。我查看了维基百科文章，它告诉我TextEdit可用于生成富文本文档。 如果是这种情况（我无法100％确定，因为我不是Mac人，也从未使用过TextEdit程序），则您需要使用其他文本编辑器来编辑html文件的源代码。

1
请不要在回答中提供软件推荐，因为它们可能被视为垃圾邮件。只需用代码或理论回答问题，就像您所做的那样，并省略未经请求的产品建议。 - Adriaan
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接