是什么导致此HTML代码呈现代码而不是Hello World

时间:2014-12-13 06:07:14

标签: html

我有一个我想要学习的代码示例。当我将此代码保存为HTML文件时,代码显示而不是h1。为什么是这样?谢谢。

HTTP/1.1  200 Ok
Server: Apache/2.2.3 (Red Hat)
Expires: Sun, 19 Nov 1978 05:00:00 GMT
Last-Modified: Wed, 11 Dec 2013 19:19:58 GMT
Date: Wed, 11 Dec 2013 19:39:44 GMT
Content-Length: 163
Content-Type: text/html

<!DOCTYPE html>
 <html>
   <head>
     <title> Hello World Page</title>
   </head>

    <body>
       <h1>Hello World</h1>
    </body>
</html>

3 个答案:

答案 0 :(得分:2)

您的问题是因为您的文字包含HTTP标头信息和HTML。

这是HTTP标头 - 请勿将其放在HTML文件中;

HTTP/1.1  200 Ok
Server: Apache/2.2.3 (Red Hat)
Expires: Sun, 19 Nov 1978 05:00:00 GMT
Last-Modified: Wed, 11 Dec 2013 19:19:58 GMT
Date: Wed, 11 Dec 2013 19:39:44 GMT
Content-Length: 163
Content-Type: text/html

这是HTML - 将其放在自己的文件中,例如hello.html:

<!DOCTYPE html>
<html>
 <head>
  <title> Hello World Page</title>
 </head>
 <body>
  <h1>Hello World</h1>
 </body>
</html>

您在加载文本时看到的内容可能是因为您的浏览器在文件开头看到了纯文本,因此您的浏览器猜测该文件是纯文本而不是HTML。

答案 1 :(得分:2)

您提供的示例似乎是完整的HTTP有效负载,例如通过网络嗅探器或浏览器调试工具捕获。

保存.html文件时不应保存HTTP标头 - 这些是HTTP协议的工件,而不是用于呈现的.HTML标记。

只需在

之后保存零件
<!DOCTYPE html>

答案 2 :(得分:0)

首先,您不应该将标头保存为文件的一部分。它们是服务器返回的HTTP头,而不是页面本身的一部分。我正在谈论这个:

HTTP/1.1  200 Ok
Server: Apache/2.2.3 (Red Hat)
Expires: Sun, 19 Nov 1978 05:00:00 GMT
Last-Modified: Wed, 11 Dec 2013 19:19:58 GMT
Date: Wed, 11 Dec 2013 19:39:44 GMT
Content-Length: 163
Content-Type: text/html

其次,请确认您的扩展名是.htm或.html。

最后,您如何看待这个?在浏览器,文本编辑器或其他东西?