Question

我的页面中有一个简单的网页，标题，元等。但是当我使用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>

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

enter image description here （抱歉我的英语不好）

Answer 1

我通过完全重写它来修复它，这是更新代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Flappy Bird</title><!-- yep, a flappy bird clone ;)-->
        <meta name="viewport" content="width=device-width"/>
        <link href="style.css" rel="stylesheet" />
    </head>
    <body>
        <!-- Het spel -->
        <canvas id="game"></canvas>
        <!-- Menu -->
        <div id="mainmenu">
            <div id="title"></div>
            <a href="#" id="play" onclick="play()"></a>
            <div id="ground"></div>

            <!-- Het script voor de game-->
            <script src="game.js"></script>
        </div>
    </body>
</html>

我真的不明白以前的代码有什么问题编辑：代码编辑器在我的代码中放置了不可见的字符。字符搞砸了我认为的渲染。

头部标签出现在体内

1 个答案: