html5 – 头部标签出现在体内

前端之家收集整理的这篇文章主要介绍了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>

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

(对不起,我的英语不好)

解决方法

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

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

用编号菜单打开你的头标记所在的文件然后从编码菜单更改“在UTF-8-BOM中编码”到“在UTF-8中编码”:)

猜你在找的HTML5相关文章