頭標籤出現在身體內

我有一個簡單的網頁，並在我的網頁中的標題，元等。但是，當我使用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 外移動（對不起對我的英文不好）

來源

2014-02-08 Chris

我高度懷疑，'game.js'導致該... –

我無法在Firefox中重現這個「檢查元件」。請注意，原始代碼確實有XHTML''，但屏幕截圖不是...... – professorfish

請檢查Chrome/Safari，它可能是Firefox有點奇怪。 –

我修改了它的全部改寫，這是更新代碼：

<!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>

我真的不明白以前的代碼有什麼問題編輯：代碼編輯器在我的代碼中放置不可見的字符。我認爲渲染的字符混亂了。

來源

2014-02-08 17:27:48 Chris

我有同樣的問題。通過刪除，一切正常！ – qmo

也許meta告訴瀏覽器該文檔被保存爲UTF-8，但它使用其他編碼保存。 – Matt

你應該改變你的文件的編碼設置爲UTF-8

大部分都保存爲UTF-8-BOM

打開文件的時間，你的頭標記有與記事本+ +，然後從編碼菜單改變「編碼爲UTF-8-BOM」，以「編碼的UTF-8」 :)

來源

2016-08-13 11:24:36 Matin

頭標籤出現在身體內

回答

相關問題