相同的HTML源文件,但显示方式不同

时间:2016-10-18 09:04:04

标签: html css twitter-bootstrap

我是初学者。我想在我之前的项目中使用bootstrap。但是,一旦我将bootstrap.min.css包括在内,它失败了,如果我从头开始创建一个新的html,它可以正常工作。

我已将示例文件上传到GitHub:https://github.com/kid551/toolbox/tree/master/bootstrapSameFiles。您可以检查test.htmtest2.htm是否是相同的文件,但它们的显示方式不同:

TEST.HTM

=============================

enter image description here

=============================

test2.htm

=============================

enter image description here

=============================

我认为你可以直接从GitHub下载来重建这个问题。

我不知道为什么会发生这种情况以及如何解决这个问题。

感谢。

2 个答案:

答案 0 :(得分:4)

您遇到了一些编码问题。即使你的代码库看起来是一样的 - 它也不是。让我直观地向你展示。

当我从UTF-8切换到UTF-16 BE时,您的工作版本(test.htm)代码变得神秘,而另一个代码似乎工作得非常好。

test.htm(UTF-16 BE) enter image description here

test2.htm(UTF-16 BE) enter image description here

所以最终你可能从其他地方复制了你的代码,甚至使用了错误的编码。

修改

您可以使用能够向您显示某些代码的任何编辑器进行测试。只需尝试通过在行的第一个索引处按退格键来删除换行符。您几乎每一行都会注意到您没有删除换行符,而是一个隐形字符'代替。这又意味着,您只是无法看到编辑器无法正确编码的那些字符。

答案 1 :(得分:0)

我已从GIT下载了您的来源。你是对的,两者都很相似,但是test2.htm文件有问题。我在本地安装了NetBeans。当我打开test2文件时,它在NetBeans中显示源为空。但是如果我使用notepad ++打开相同的文件,它会显示源代码。所以也许文件已损坏。我建议尝试创建新文件或使用NetBeans。使用NetBeans保存后,其显示与test.html相同

enter image description here