w3.org验证程序无法识别DOCTYPE和字符编码

Question

我花了几个小时试图找出以下html的问题。

<!DOCTYPE=html>

<html lang="en">
<head>
<meta charset="utf-8">
<title>Location Status</title>
<link rel="stylesheet" type="text/css" href="location_status.css">
<meta http-equiv="refresh" content="900">
</head>

验证器w3.org告诉我：

1. 未声明字符编码。
2. 看到的文件末尾没有先看到doctype。 预期<!DOCTYPE html>
3. 元素标头缺少子元素标题的必需实例

Answer 1

您的<!DOCTYPE html>不正确，您忘记了关闭<html>标记。 以下是正确格式的代码：

<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8">
        <title>Location Status</title>
        <link rel="stylesheet" type="text/css" href="location_status.css">
        <meta http-equiv="refresh" content="900">
    </head>

    <body>
        // Your page code here
    </body>

</html>

Answer 2

1. 您忘记了关闭<html>标签。 您应该始终记得关闭html标记，否则会产生不必要的问题。

2. 您没有正确使用<!DOCTYPE html> 。

3. <head>需要一个<title>标记，该标记指定页面的标题，并且只要您在浏览器中打开html页面，它就会出现。 通常， <head>包含所有元数据。

您可以这样：

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Title of your page</title> <link rel="stylesheet" type="text/css" href="yourCSSFile.css"> <meta http-equiv="refresh" content="900"> </head> <body> // Your Code </body> </html>