Question

当我使用以下代码

打开html文件时，我的浏览器显示空白页面

<!doctype html>
<html>
<head>
<title>Learning CSS</title>

<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">

</head>
<body>
<p> test </p>
</body>
</html>

我最初复制粘贴了example.com的源代码然后删除了css，但没有出现任何内容，所以我做了这个测试，仍然没有显示

Answer 1

<style>中的<head>标记缺少预期的匹配</style>。

在添加结束</style>代码时按预期工作。

注意：调试HTML的有用方法是W3C Validator。如果你到这里：https://validator.w3.org/#validate_by_input并复制/粘贴你的代码，它还会在输出中显示丢失的</style>标记错误。

Answer 2

缺少结束<style>代码，您有：

<style type="text/css">

但是应该删除或关闭它：

   <style type="text/css">
   </style>

浏览器显示来自html的空页面

2 个答案: