Question

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

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

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

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

我尝试通过删除一些空格修改我的代码也检查一切是否正确我甚至尝试使用其他浏览器但没有成功...

所以这是我的代码：

＆＃13;

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

＆＃13;

当我在浏览器中启动时，这个完全相同的代码显示如下： (Browser screenshot)

Answer 1

TextEdit存在问题。用另一个编辑器打开它并再次保存。看看是否能解决问题。

您还可以编辑TextEdit，以便它可以与HTML一起使用。你可以学习here。

Answer 2

在Google Chrome中打开文件，右键单击屏幕中的任意位置，然后点击＆＃34;查看页面来源＆＃34;。

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

以url栏中的url开头，以view-source：

开头

如果你发现一堆东西不是你最初在文件中输入的内容，那么发生的事情是TextEdit可能将你的文件保存为某种形式的富文本而不是纯文本，即使文件也是如此扩展名是.html。我查看了TextEdit的wikipedia article，它告诉我TextEdit可以用于生成富文本文档。如果情况确实如此（我不能100％肯定，因为我不是Mac用户而且我从未使用过TextEdit程序）那么你会想要使用不同的文本编辑器编辑html文件的源代码。

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

2 个答案: