在浏览器中以纯文本形式显示的html代码[关闭]

Question

我最近一直在教自己HTML，并且尝试测试从头开始创建实际HTML文件的新知识。

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

所以我写了所有代码。 将其另存为name.html（确保该文件确实是HTML而不是name.html.txt），然后我使用Google chrome启动它，只是发现我的代码不是解释为HTML，而是解释为纯文本。

为什么会发生这种情况，如何将HTML解释为HTML？

我尝试通过删除一些空格来修改代码，还仔细检查了所有内容是否正确，甚至尝试使用其他浏览器都没有成功...

所以这是我的代码：

 <!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> 

当我在浏览器中启动该代码时，将显示以下完全相同的代码：（ 浏览器屏幕截图）

Answer 1

这是TextEdit的问题。 用另一个编辑器打开它，然后再次保存。 看看是否能解决问题。

您还可以编辑TextEdit，使其可以与HTML一起使用。 您可以在这里学习。

Answer 2

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

您会在新标签页中看到该文件已打开

网址列中的网址以view-source开头：

如果您看到一堆不是您最初在文件中键入的东西，那么发生的是，即使文件扩展名是.html，TextEdit也可能会将文件另存为某种形式的富文本格式而不是纯文本格式。 我查看了Wikipedia中有关TextEdit的文章 ，它告诉我TextEdit可用于生成富文本文档。 如果碰巧是这种情况（由于我不是Mac用户，而且我从未使用过TextEdit程序，所以我不能100％肯定），那么您可能想使用其他文本编辑器来编辑的源代码您的html文件。