头部标签出现在体内

Chr*_*ris 10 html5

我有一个简单的网页,以及我页面中的标题,元数据等.但是当我使用Firebug,Chrome和Firefox的默认调试器进行调试时,头部内的所有标签都显示在正文中.

这是我的index.html代码

<!DOCTYPE html>
<html>
<head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width"/>
    <link href="style.css" rel="stylesheet" />
</head>
<body>
    <canvas id="game"></canvas>

    <div id="mainmenu">
        <div id="title"></div>
        <a href="#" id="play" onclick="play()"></a>
        <!--<div id="ground"></div>-->
    </div>
    <script src="game.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

当我检查调试器中的代码时,head标记内的所有元素都移动到head标记之外

在此输入图像描述 (对不起,我的英语不好)

小智 3

您应该将文件的编码更改为 UTF-8

大多数时候它们都保存为 UTF-8-BOM

用记事本++打开头标签所在的文件,然后从编码菜单中将“以UTF-8-BOM编码”更改为“以UTF-8编码”:)