为什么我的网络浏览器上没有HTML渲染?

时间:2011-07-20 07:54:02

标签: html rendering html-rendering

Google Chrome中的内容如下所示:

<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1 align="center">Hello World!<br/>Welcome to My Web Server.</h1>
</body>
</html>

为什么不按预期转变?

编辑:是的,文件确实有.html文件名。根据我正在使用的教程,我不确定它是否应该需要一个标题,它说它应该正确渲染而没有一个?所有新手,所以我不确定。

编辑:当我用textedit打开它时,我明白了:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title></title>
  <meta name="Generator" content="Cocoa HTML Writer">
  <meta name="CocoaVersion" content="1038.35">
  <style type="text/css">
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
  </style>
</head>
<body>
<p class="p1">&lt;html&gt;</p>
<p class="p1">&lt;head&gt;</p>
<p class="p1">&lt;title&gt;Hello World!&lt;/title&gt;</p>
<p class="p1">&lt;/head&gt;</p>
<p class="p1">&lt;body&gt;</p>
<p class="p1">&lt;h1 align="center"&gt;Hello World!&lt;br/&gt;Welcome to My Web Server.&lt;/h1&gt;</p>
<p class="p1">&lt;/body&gt;</p>
<p class="p1">&lt;/html&gt;</p>
</body>
</html>

我根本不记得这样保存它。

3 个答案:

答案 0 :(得分:9)

您是如何创建网页的?您使用的编辑器可能转换了html,使其显示“&lt;”而不是渲染它们

在记事本中打开文件,检查内容是否为:

<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1 align="center">Hello World!<br/>Welcome to My Web Server.</h1>
</body>
</html>

而不是

&lt;html&gt;
......
&lt;/html&gt;

确保使用.html扩展名保存文件

答案 1 :(得分:5)

它应该由浏览器呈现,而不是Web服务器。检查HTTP标头“Content-Type”。它应该读取类似“Content-Type:text / html; charset = utf-8”的内容。

鉴于您使用Chrome,请使用以下步骤加载开发人员工具;

  1. 右键点击页面 - &gt;选择“检查元素”
  2. 转到网络标签
  3. 加载您要检查的页面
  4. 选择要检查标题等的网页的网址

答案 2 :(得分:3)

您发布的文件内容包含以下说明:

<meta name="Generator" content="Cocoa HTML Writer">

基本上,您的文本编辑器认为您想要转换您输入的“文本”到网页。因此,它将其保存为显示您输入内容的网页。

你是如何保存文件的?如果你使用任何说“转换”或“导出”到HTML的东西,那就是罪魁祸首。只需使用常规的“保存”选项即可。如果这不起作用:找一个更好的编辑器,一个不会比你聪明的编辑器。