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

问题描述：

最近我一直在教导自己的HTML，我试图从头开始测试我的新知识，创建一个实际的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>

当我在浏览器中启动它时，会显示与此完全相同的代码： (Browser screenshot)

你用浏览器打开你的html文件而不是文本编辑器吗？你的代码是正确的。那么别的东西就是错的。 – Stony

你确定最后没有添加一个.txt扩展名，但是在文件管理器中看不到它？尝试点击输入重命名Finder中的文件，并确保结尾/扩展名是真正的.html而不是.html.txt – Dan

看到这个：http://stackoverflow.com/a/14439919/1052906 – larrylampco

答

这是一个问题与TextEdit。用另一个编辑器打开它并再次保存。看看是否修复它。

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

我想建议使用括号，这也可以让您预览您的代码 –

答

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

，你会看到一个新的选项卡

开辟了开始查看源代码的URL栏中的URL文件：

如果你看到一堆东西，本来不是你键入到您的文件中，那么发生的事情是，即使文件扩展名为.html，TextEdit可能已将文件保存为某种形式的富文本而不是纯文本。我查看了TextEdit的wikipedia article，它告诉我TextEdit可用于生成富文本文档。如果发生这种情况（我不能100％确定，因为我不是一个mac人，我从来没有使用过TextEdit程序），那么你会想使用不同的文本编辑器来编辑源代码你的html文件。

请不要给出软件建议的答案，因为它们可能被视为垃圾邮件。正如你所做的那样，只需用代码或理论回答问题，并省略主动提供的产品建议。 – Adriaan

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

相关推荐